Navigation
Archive / Removing footer widget on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 23, 2016 at 9:59 pm #1227812
    thek9way
    Participant

    Hi there,
    I am trying to remove the footer widget area on mobile with this css:

    @media (max-width : 767px) {
    footer.x-colophon.top .widget, footer.x-colophon.bottom .widget {
    display:none!important;
    }
    }

    Unfortunately it does not work.
    Please advise.

    My site is: http://www.thek9way.co.nz

    Thanks.
    Bastian

    October 23, 2016 at 11:48 pm #1227879
    Rupok
    Member

    Hi Bastian,

    I can see the code is working fine as it’s hiding the widgets on mobile. If you want to remove the entire widget are, you can just use this :

    @media only screen and (max-width: 767px) {
.x-colophon.top {
  display: none;
}
}

    Hope this helps.

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