Navigation
Archive / Reduce space between footer widget areas on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 26, 2016 at 9:01 am #1231531
    jipsa78
    Participant

    Hi there,

    I am using 4 widget areas in my footer, with 1 menu widget in each, which displays fine on desktop.
    On mobile the 4 areas stack vertically and there is a lot of space between them.
    I would like to reduce this space, but I can’t find any padding or margin being applied and setting a max-height for the footer doesn’t seem to help either.
    Could you check?

    Home

    October 26, 2016 at 10:23 am #1231652
    Lely
    Moderator

    Hi There,

    This is a Icon stack style. Please add the following on Appearance > Customize > Custom > Edit Global CSS:

    @media (max-width: 979px){
.x-colophon.top .x-column .widget:first-child {
    margin-top: 15px; /*Adjust this accordingly*/
}
}

    Hope this helps.

    October 27, 2016 at 4:30 am #1232853
    jipsa78
    Participant

    Thanks, that worked!

    October 27, 2016 at 5:08 am #1232892
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1231531 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>