CODEWITHSUNDEEP
twitter-bootstrapmedia-queriesnavbarhamburger-menubreakpoint-sass
user3226760
user3226760

Reputation: 61

Bootstrap: How do I make the hamburger visible at breakpoint and hide navbar for all other screen sizes?

I would like to hide the navbar for all screen sizes, except 480px and smaller screen sizes where I would like the "hamburger" to be displayed. How can I achieve this? Thank you.

Upvotes: 0

Views: 581

Answers (2)

Carol Skelly
Carol Skelly

Reputation: 362290

Use a media query..

.navbar {
    display: none;
}

@media (max-width: 480px) {
    .navbar {
        display: block;
    }
}

http://www.codeply.com/go/TzpIH3b0uH

Upvotes: 0

azizj
azizj

Reputation: 3777

Use the visible-xs class on your div. E.g., 

<div class="visible-xs any-other-class-you-may-have">
 ...
</div>

Upvotes: 0

Related Questions