Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 20, 2015 at 7:12 pm #431525
    RebeccaMaguire

    Hello,

    So I’m using three columns for my footer (columns 1, 2, and 4) and when it goes down to responsive view (mobile) obviously the columns have spaced out the text between each widget.
    Is there a way that I could just have 1 column once it’s down to mobile so the spacing isn’t off? I’ve provided my website and login information so you can see what I mean.
    (There is a gap between ‘Marc Douglas Photography’ and ‘Kelly’s Bake Shoppe’ because they are both in separate columns)

    Thanks!

    Rebecca

    April 21, 2015 at 11:55 am #431901
    Rikard

    Hi RebeccaMaguire!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
section#text-4{
margin-top:-20px !important;
}
}

    Best regards,
    Rikard

    April 21, 2015 at 5:43 pm #432188
    RebeccaMaguire

    Hi Rikard,

    The ‘section#text-4’ didn’t work for me so I actually tried ‘#footer .flex_column:nth-child(2)’ and used your recommended ‘margin-top:-20px’ and that worked!
    Thanks for your help! :-)

    Rebecca

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Footer Columns’ is closed to new replies.