Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2019 at 12:55 pm #1061974
    tinagianna

    Hi Kriesi,

    How do I reduce the footer pacing when my site is viewed on mobile devices?
    I have read many topics and used many CSS codes recommended to other users, but none seem to have worked for me.

    Thank you in advance for your help :)

    • This topic was modified 5 years, 10 months ago by tinagianna.
    February 3, 2019 at 11:17 am #1062188
    Rikard

    Hey tinagianna,

    Thanks for the details, are you looking to remove some of the vertical spacing between the widgets? If so then please try this in Quick CSS:

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

    Remember to delete the old CSS/JS files under Enfold->Performance before you check the results.

    Best regards,
    Rikard

    February 5, 2019 at 6:03 am #1063010
    tinagianna

    Hey Rikard,
    sorry that code didnt work. Any other idea?

    February 6, 2019 at 7:32 am #1063479
    Rikard

    Hi,

    It did work, but you can try this as well if you like:

    @media only screen and (max-width: 767px) {
#footer .av_one_third {
  margin-bottom:0 !important;
}

#footer .widget {
    margin: 0 !important;
}
}

    Best regards,
    Rikard

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