Navigation
Archive / Boxed Layout on Mobile Devices
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 11, 2017 at 4:01 pm #1326188
    brianstock
    Participant

    Loved the box format for my site until I get to the mobile size screen. Really needs to be fullwidth on mobile. Is there a way to achieve this in theme customization settings, or do I need some custom coding?

    January 11, 2017 at 4:01 pm #1326189
    brianstock
    Participant

    (I don’t want to just put the whole site at fullwidth.)

    January 11, 2017 at 9:33 pm #1326632
    Friech
    Moderator

    Hi There,

    Thanks for writing in! With a @media query we can re-set the width of your container just on mobile view.

    Please provide us your site URL.

    Cheers!

    January 12, 2017 at 10:25 am #1327377
    brianstock
    Participant
    This reply has been marked as private.
    January 12, 2017 at 1:35 pm #1327625
    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the URL. Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    @media screen and (max-width: 767px) {
.site, .x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 100% !important;
}
}

    Let us know how this goes!

    January 12, 2017 at 1:48 pm #1327640
    brianstock
    Participant

    Yeah. That works great! Thank you.

    January 12, 2017 at 3:20 pm #1327753
    Jade
    Moderator

    You’re most welcome.

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