The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Bootstrap Navbar Question

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #44418

    I’m working on a template based on Bootstrap and I updated the components to the latest v2.3.1 release and only changed the _navbarCollapseWidth_ option on the components download page from 979px to 639px.

    What I’m trying to accomplish is to display the main menu navigation starting at 640px and below that it will display the toggle menu button.

    I’ve added the following media query which took care of the toggle button:

    @media (min-width: 639px) {
    .btn-navbar {
    display: none;

    Now it displays the collapsed navbar from 640px to 979px and after that the default main navigation menu is displayed.

    How can I have the default main navigation display starting at 640px instead of 979px ?

    Please have a look at what I’ve uploaded to [CODEPEN]( “CODEPEN”)

    Included in the Pen are: index.html bootstrap.css and style.css.

    This is the untouched template with only the toogle menu button media query added at the end of the style.css.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.