Navigation
Archive / Remove redundant background spaces responsively.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 22, 2016 at 10:03 pm #1055646
    yvescleeren
    Participant

    Dear,

    I have a fixed width website. It has a max width of 1000px and a site width of 90%.
    However in the responsive views (ipad / mobile) the background is still displayed at either side of the content.
    This serves no added value and I want to remove this so the full width of the device is used (site width).

    Thanks in advance for assistance.

    See the attached file for clarifications (the yellow arrows point to the background displaying on mobile device)

    Regards,
    Yves

    June 22, 2016 at 11:37 pm #1055744
    Prasant Rai
    Moderator

    Hello Yves,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    June 23, 2016 at 4:25 pm #1057019
    yvescleeren
    Participant
    This reply has been marked as private.
    June 23, 2016 at 10:04 pm #1057498
    Lely
    Moderator

    Hi Yves,

    Thank you for the URL.
    Please use this CSS on Appearance > Customize > Custom > Edit Global CSS:

    
@media (max-width: 979px){
.site{
    width: 100%;
}
}

    Hope this helps.

    June 24, 2016 at 2:00 am #1057697
    yvescleeren
    Participant

    Thanks it works!
    Yves

    June 24, 2016 at 2:11 am #1057709
    Friech
    Moderator

    You’re more than welcome, glad we could help.

    Cheers!

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