Navigation
Archive / Navbar menu items full width
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 20, 2016 at 9:58 am #891914
    Harald R
    Participant

    Hi,

    i want the menu items from the navbar to always go full width. For example like here : http://fantasy.co/work

    Link to my page: http://www.7stone.de

    How can i achieve this ?
    Thank you for your help !

    April 20, 2016 at 10:20 pm #892892
    Lely
    Moderator

    Hello Harald,

    Thank you for the link. Navigation menu link spacing is controlled in Appearance > Customize > Header > Navbar Top Link Spacing (px). To achieve what you want, we need to set width in percent mode. Please add the following custom CSS too:

    .masthead-stacked .desktop .x-nav {
    width: 100%;
}
.x-navbar .desktop .x-nav>li {
    width: 16.667%;
    text-align: center;
}

    Hope this helps.

    April 27, 2016 at 3:01 am #901622
    Harald R
    Participant

    Yes !! Thank you very much, it worked ! You are the best ! 🙂

    April 27, 2016 at 11:32 am #902531
    Rupok
    Member

    You are welcome Harald!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

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