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 Justin Scott
Justin Scott
9,215 Points

How to create the treehouse side nav.

I'm looking to create a side nav like the one here on treehouse, but I'm not sure if its just pure css or javascript? I'm mainly interested in the flyout of the nav.

Thanks for any help.

5 Answers

Michael Wiss
Michael Wiss
19,233 Points
Michael Wiss
Michael Wiss
19,233 Points

Have a look at these:

http://www.webdesignerdepot.com/2014/04/how-to-create-mobile-style-slide-in-navigation/?ref=facebooksp

or

http://plugins.adchsm.me/slidebars/

though these both feature the hamburger

Justin Scott
Justin Scott
9,215 Points
Justin Scott
Justin Scott
9,215 Points

Thanks Michael for the suggestions. Both examples provide the flyout effect, just needed to have the icons showing out first. I'll play around with the examples for a bit.

Michael Wiss
Michael Wiss
19,233 Points
Michael Wiss
Michael Wiss
19,233 Points

yeah that should just be a matter of your css.

Justin Scott
Justin Scott
9,215 Points
Justin Scott
Justin Scott
9,215 Points

Thanks. I'll have to start the jquery course to help me out with playing examples, but I can handle the css.

cheers Michael

Michael Wiss
Michael Wiss
19,233 Points
Michael Wiss
Michael Wiss
19,233 Points

I forgot this one: http://blog.tomri.ch/super-simple-off-canvas-menu-navigation/#menu