Grow your CSS skills. Land your dream job.

Bootstrap Navbar Question

  • # April 28, 2013 at 1:19 pm

    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](http://codepen.io/anon/pen/DGHar “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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".