Navigation
Archive / Can't make Navbar go full widtth…..stuck at 1500px max
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 2, 2016 at 2:02 am #1158106
    databell
    Participant

    I’m new to X, and I wanted to have a full width navigation menu, just like the demo when you first go to the X site. However, right now, it’s not going full width and is stuck at 1500px which is as far as you can go in the customizer. That might be fine for content, but not for the navigation.

    I’ve tried a bunch of other CSS code from the forum already, but to no avail. Any ideas from the link I’m providing?

    https://jkmurphyadvisors.com/dev/
    WordPress 4.6
    CornerStone 1.3.1
    X 4.6.1

    September 2, 2016 at 2:09 am #1158112
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer, to remove the 1500px max-limit.

    header .x-container.max {max-width: none;}

    However, currently the logo and navbar are set to inline, preventing the navbar to go fullwidth. Navigate to Appearance > Header and set the Layout to stacked.

    Hope it helps, Cheers!

    September 7, 2016 at 6:50 pm #1165333
    databell
    Participant

    Problem with going to stacked instead of inline means the logo is on top of the nav. I don’t want that. I want the logo on the left and nav on the right.

    September 7, 2016 at 6:53 pm #1165341
    databell
    Participant

    OK, i made it work using the Global CSS as you suggested. Pity you just can’t do it within the child theme.

    September 8, 2016 at 12:54 am #1165869
    Paul R
    Moderator

    Glad you were able to figure it out. Have a great day!

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