Okay
  Public Ticket #1525335
Spacing between rows in mobile views.
Closed

Comments

  • ben started the conversation

    1)Our layout is looking nice on a computer, but when we look at the article on a mobile device there is about a screens worth of spacing placed between each item. I can't figure out why it would be doing that. what I want to happen is for the items to collapse down and be right on top of each other like you would expect to see in any sort of news article.


    2) Some alignment issues on a Safari browser(see attached image)


    3) I am trying to find a way to use the stylized scroll bar with full screen row option enabled..  its not in the settings and was wondering if you had a CSS code that could allow me to use stylized scroll with full screen rows enabled.


    Thank you in advance Salient theme team.

  •  8,466
    Tahir replied

    Hey Again,

    1)You have added empty columns to make the post area narrow and which on Mobile are causing the Spaces: http://prntscr.com/izs07t . 

    2) Try removing the empty columns and use the Max Width option here : http://prntscr.com/izs4zq .

    3) No i am afraid CSS Alone wont make it work.

    Best.


    ThemeNectar Support Team 

  • ben replied

    Ok awesome thank you!


    I am deleting extra columns but everything shifts to the left. How can I keep the main column from shifting to the left when the other columns aren't there for spacing?

    Thanks in advance....

  • ben replied

    OK I figured it out, I just disabled the unused columns in the responsive options. Thanks for helping me figure out what the problem was.