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

    How can I reduce the spacing between the footer columns when viewed on a mobile device?

    #1162584

    Hey,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    @media only screen and (max-width: 480px) {
    #footer .widget {
        margin: 0;
    }}
    
    

    Best regards,
    Yigit

    #1162587

    Thanks Yigit,
    Can I also ask how you reduce the spacing/padding in each section for desktop as well?

    Mike

    #1162590

    Hey!

    Please add following code to Quick CSS as well and adjust values as needed

    #footer div .av_one_third:not(.first) {
        margin-left: 3%;
    }
    #footer div .av_one_third {
        width: 31.3%;
    }

    Regards,
    Yigit

    #1162592

    Thanks for this, but I meant in the main text areas.
    see http://www.yokoso.co.uk

    #1162594

    Hi,

    Could you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com and post the links here.
    Code i posted above should decrease margin between footer columns and increase their width.

    Best regards,
    Yigit

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

You must be logged in to reply to this topic.