Navigation
Archive / mobile and tablet view – border on footer
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 7, 2017 at 2:20 pm #1320428
    gobeyondesign
    Participant

    polaris.dance

    I have used css code to remove the white border on the footer, but when I view the site in mobile and tablet view – it shows up. How do I fix this please?

    Thanks for your help!

    January 8, 2017 at 12:13 am #1320788
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    @media (max-width: 767px){
  .page-id-4 #x-content-band-6.x-content-band.marginless-columns .x-container .x-column[class*="x-"] {
    display: block;
    max-height: 20px;
  }
}

    Hope this helps. Please let us know how it goes.

    January 8, 2017 at 11:53 am #1321229
    gobeyondesign
    Participant

    this did not work – take a look at the gap between the image and the footer. It needs to look seamless.

    January 8, 2017 at 12:23 pm #1321257
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can use margin-bottom: -2px !important; for the image within Style field. You can try changing the value as well if you still see the gap.

    Cheers!

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