Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Bootstrap Navbar Brakpoint

Home Forums Older releases 0.9.x Bootstrap Navbar Brakpoint

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #2407

    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>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:




    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:

    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.


    Works perfect with Bootstrap 3.3.4! Thank You very much.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘0.9.x’ is closed to new topics and replies.