Bootstrap Navbar Brakpoint

Home Forums Older releases 0.9.x Bootstrap Navbar Brakpoint

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

    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!

    #2411
    admin
    Keymaster

    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.

    #2413
    asoteu
    Participant

    Works perfect with Bootstrap 3.3.4! Thank You very much.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?