Navigation
Archive / Boxed Layout on Computer – Full Width on Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 21, 2016 at 11:08 am #893928
    Kevin W
    Participant

    Integrity
    Layout: Boxed

    I have tried adding code from other posts to fix the mobile display. Currently there is a bunch of space to the right. How can I get rid of it?

    I will post link and image in a followup private post.

    April 21, 2016 at 11:09 am #893933
    Kevin W
    Participant
    This reply has been marked as private.
    April 21, 2016 at 11:12 am #893940
    Kevin W
    Participant
    This reply has been marked as private.
    April 22, 2016 at 1:12 am #894843
    Rupok
    Member

    Hi there,

    Thanks for writing in! It seems you have the following code with !important tag that’s causing the issue :

    .x-main.left, .x-main.right {
  width: 72% !important;
}

    Kindly remove the !important tag or use !important for the media query code too.

    Cheers!

    April 22, 2016 at 6:51 am #895219
    Kevin W
    Participant

    Thank you!! That worked for the main content. Then I had the same issue with the sidebar so I took out “!important” on

    .x-sidebar.left,
.x-sidebar.right {
  width: 27%;
}

    and that fixed that too. 🙂

    April 22, 2016 at 9:56 pm #896177
    Friech
    Moderator

    You’re welcome, glad we could help.

    Cheers!

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