Navigation Resizing Problems (5 posts)

  1. n_713ar
    Posted 1 year ago #

    Hello! I am really liking this theme. So far everything is great. I'm having a bit of a problem with the menu. I like how it is responsive for mobile, but, I'm having issues with it now that I have a few more items.

    When I view it at 100% the items are on a 2nd line, and I don't know how to make the menu stretch to the width of the container. I'd like for it to be in the center...and width of header.
    Screen shot: http://bit.ly/1cVEGjJ

    Next, when I am zoomed out, it floats to left and is very long..
    Screen shot: http://bit.ly/1cPe58b

    I've tried to tinker with the CSS as best as I could but can't seem to get it right. Any tips? I looked @ the snippets but the code available didn't work.

    Thanks, any help is greatly appreciated.

  2. andherethewheel
    Posted 1 year ago #

    I've also got this problem. Would love to hear if anyone can resolve. My site is at http://www.andherethewheel.co.nz



  3. rdellconsulting
    Posted 1 year ago #

    You tried this Snippet? It has code to center your Navbar block, and also manages to avoid wrapping menu items where possible.

    .navbar .navbar-inner {width: 80%;}
    - try playing with the 80%, but by default the Navbar (span9) covers 75% of the width of the page. Your image looks like you have made some changes from the default.

  4. rdellconsulting
    Posted 1 year ago #

    @andherethewheel, width: 140% seems to work for your site, but you'll have to change the padding/margin

  5. n_713ar
    Posted 1 year ago #

    Thank you for the information, I was able to make it work.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic