Navigation
Archive / Align 4 footer widgets in to single column on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 10, 2017 at 9:55 am #1324060
    mrsnooch
    Participant

    Hi,

    As the title suggests I have 4 footer widgets but they appear on mobile as 2×2 causing the content to become mis-aligned and squashed.

    Is there a way to show these 1 above the other in a single column?

    Site is http://bigrockdesigns.badwolfproductions.co.uk/

    Many thanks
    Mark

    January 10, 2017 at 10:38 am #1324128
    Thai
    Moderator

    Hi Mark,

    Please add the following CSS:

    @media (max-width: 979px){
    .x-colophon.top .x-column.x-md.x-1-4 {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
     }
}

    Hope it helps 🙂

    January 10, 2017 at 10:41 am #1324134
    mrsnooch
    Participant

    Worked perfectly, thank you!

    January 10, 2017 at 11:07 am #1324182
    Thai
    Moderator

    You’re most welcome 🙂

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