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

CSS

Posted by Max Weir
Max Weir
14,963 Points

Are there any examples of how to build responsive navigation? e.g collapses to a hamburger, plus off canvas builds?

I'm wanting to find treehouse tuts on how exactly a responsive nav is built from scratch in html, css and jquery. Also keen on different methods e.g off canvas, multi-level drop downs inside a responsive nav.

4 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Max,

I would suggest a quick Google search as you are looking for such a wide selection. I have used this method and there are hundreds already written for you. It's a good way to see how the code works and write your own, or download and use the ones available with maybe a few modifications.

There are tutorials during some of the tracks here on Treehouse, but none that cover everything your looking for in one place, like a dedicated track on responsive navigation with html, css, java script or jQuery etc.

Max Weir
Max Weir
14,963 Points
Max Weir
Max Weir
14,963 Points

Hoping treehouse will cover this one day.

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Max,

It is covered but its spread out throughout so many different tracks. You will have to complete the html, css, javascript tracks, then take the pieces from all those and put them together to build your navigation.

Max Weir
Max Weir
14,963 Points
Max Weir
Max Weir
14,963 Points

was that the one with the select menu method?

Wayne Priestley
Wayne Priestley
19,579 Points

To be honest Max, I couldn't tell you which tracks contained what lessons.

I remember doing some of them, but eventually I worked on the method I mentioned above and started writing my own from there.