Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 4, 2019 at 12:17 pm #1162543
    Yewbarton

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

    December 4, 2019 at 1:52 pm #1162584
    Yigit

    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

    December 4, 2019 at 1:55 pm #1162587
    Yewbarton

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

    Mike

    December 4, 2019 at 2:00 pm #1162590
    Yigit

    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

    December 4, 2019 at 2:03 pm #1162592
    Yewbarton

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

    December 4, 2019 at 2:05 pm #1162594
    Yigit

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.