Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #431525

    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

    #431901

    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

    #432188

    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

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