Bootstrap Navbar Brakpoint

[asoteu]

Hi, first of all thank You very much, Your solutions works great!

I have a little question. I use your Smartmenu script with Bootstrap 3.3.4 Navbar, and I have changed breakpoint width for responsive navbar from 768px to 800px in Bootstrap CSS.
When I resized a webiste, Smartmenu looks good from 0px to 768px, but from 769px to 800px Smartmenu displays a standard dropdowns in second level, when I expected more reponsive look 🙂

I tried to write some media-queries conditions in jquery.smartmenus.bootstrap.css, but it does not work.

@media screen and (max-width: 800px) {
  .navbar-nav .collapsible {width:auto !important;}
  .navbar-nav .collapsible ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
  .navbar-nav .collapsible>li{float:none;}
  .navbar-nav .collapsible>li>a,.navbar-nav .collapsible ul.sm-nowrap>li>a{white-space:normal;}
  .navbar-nav .collapsible iframe{display:none;}
}

Is there a hidden option in JS/CSS files to change breakpoint/max-width for good look resposnive bootstrap navbar?

I uploaded a sample picture: http://i.imgur.com/L89LX0U.png

Thanks!

[admin]

Hi,

No, there are no specific options to control the breakpoint – it’s all relying purely on Bootstrap. So, I guess you haven’t changed properly all the required breakpoints in the Bootstrap CSS. Please take a look at the following topic:

http://www.smartmenus.org/forums/topic/adjusting-the-navbar-breakpoint-bootstrap-3/#post-1765

I have posted an example of all the media queries that need to be edited in the default Bootstrap CSS if you would like to change just the navbar breakpoint.

Please let me know if you still have any questions.

[asoteu]

Works perfect with Bootstrap 3.3.4! Thank You very much.

[Author]

Posts