Navigation
Archive / Remove Mobile Boxed Theme
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 23, 2017 at 4:11 am #1382650
    buildingblochs
    Participant

    Hi there,

    I used the following to

    @media (max-width:767px){
    .site > .x-container {
    width: 100%;
    }
    }

    From this thread – https://community.theme.co/forums/topic/remove-boxed-blog-layout-when-viewed-on-mobile/

    But my site is still boxed on an iphone 6 and 7

    Thanks

    February 23, 2017 at 4:13 am #1382652
    buildingblochs
    Participant
    This reply has been marked as private.
    February 23, 2017 at 7:42 am #1382839
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Custom CSS

    @media(max-width: 480px) {
site, .x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 100%;
}
}

    Hope it helps

    Joao

    February 23, 2017 at 8:01 am #1382866
    buildingblochs
    Participant

    Hi Joao,

    I’ve added that and it doesn’t seem to work.

    Kind Regards

    February 23, 2017 at 9:23 am #1382984
    Joao
    Moderator

    Hi There,

    My bad, there was a missing .

    Please use :

    @media(max-width: 480px) {
.site, .x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 100%;
}
}

    Hope it helps

    Joao

    February 23, 2017 at 11:27 pm #1383897
    buildingblochs
    Participant

    Hi Joao,

    I’ve corrected that. Still no change though.

    Kind regards.

    February 23, 2017 at 11:46 pm #1383917
    buildingblochs
    Participant

    Nevermind, my mistake I had a comment tag open.

    February 24, 2017 at 1:24 am #1383990
    Rupok
    Member

    Glad that you are all set now. Have a nice day!

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