Navigation
Archive / Stretch the Navbar/Menu to the width of the site (Integrity)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 9, 2017 at 3:19 pm #1322946
    Varnsen
    Participant

    X: 4.6.4
    CornerStone: 1.3.3
    Stack: Integrity
    Site Layout: Fullwidth
    Site Max Width: 1000px
    Site width %: 88%
    Content Width: 72%

    Hey, I did a search of the support forum but all the CSS code I found which I thought would fix our problem forces the navbar position to the left, which is confusing me.

    What I’d like to do is stretch (or space) the navbar items so they go across the width of the pages content.

    Example 1
    In the above example is the navbar in its current state

    Example 2
    In the above example, the blue area is the area I’d like my navbar to stretch out to.

    Is this possible? Any help would be greatly appreciated.

    January 9, 2017 at 3:59 pm #1323009
    Joao
    Moderator

    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.

    January 9, 2017 at 4:40 pm #1323046
    Varnsen
    Participant
    This reply has been marked as private.
    January 9, 2017 at 10:24 pm #1323396
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding: 20px 40px !important;
}

    Thanks.

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