Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Prototyping in the Browser Design Patterns Responsive Menus

gene c
gene c
13,630 Points
Posted by gene c
gene c
13,630 Points

Where did the nav menu go when the viewport was minimized to medium-size?

And why would the nav menu disappear when the viewport was minimized? How does adding the hamburger menu icon make it visible at a medium-sized viewport?

3 Answers

Randell Purington
Randell Purington
9,992 Points
Randell Purington
Randell Purington
9,992 Points

It doesn't flow with the rest of the page so it is like it goes away when the viewport reaches a certain width. It is still there but it wouldn't show up on smaller screens such as phones and some tablets.

Christopher Cudiamat
Christopher Cudiamat
6,232 Points
Christopher Cudiamat
Christopher Cudiamat
6,232 Points

because of this code in the header <header class="navbar navbar-expand-md navbar-dark bg-dark">

the class "navbar-expand-md" indicates that the nav menu will only shows horizontally when the media queries are md(medium) or above and if its below that the hamburger menu will appear instead..

Sylvia Castro
Sylvia Castro
9,944 Points
Sylvia Castro
Sylvia Castro
9,944 Points

I suggest using the actual CDN from Bootstrap since these files are deprecated