Column classes responsive design

Community Forums Forums Design Tips and Tricks Column classes responsive design

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  SoZo 1 year, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14044

    Amy Kvistad
    Participant
    Post count: 9

    Hi,

    I have a two column layout and when I view it on a mobile device it changes to a single column but there is extra space between the columns. How do I remove that extra space?

    I added responsive css to change the margin to 0 but that doesn’t make a difference.

    Thanks,

    Amy

    #14084

    SoZo
    Moderator
    Post count: 1573

    Please include a link to your site with all questions so that people can see what is going on.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14088

    Amy Kvistad
    Participant
    Post count: 9

    Here is the temporary link:

    http://www.theclientroom.com/services/

    Thanks

    #14114

    SoZo
    Moderator
    Post count: 1573

    The space is being created by this rule

    .entry-content ol,
    .entry-content ul {
    margin: 0;
    padding: 0 0 25px;
    }

    So you need to add that to your responsive sections, taking out the bottom padding.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14128

    Amy Kvistad
    Participant
    Post count: 9

    Thanks, this fixes the space between the columns when they move to one on a mobile device!

    #14186

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Column classes responsive design’ is closed to new replies.