Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Ian Hempsell
PLUS
Ian Hempsell
Courses Plus Student 37,027 Points

Responsive Multilevel Menu

I'm totally sold on responsive, mobile-first web design but I'm struggling to create a fully responsive 2-3 level menu. I'm really not sure how to approach this as all examples that I've looked at (mediaqueri.es) seem to have very minimal menu needs.

Can anyone point me in the direction of a good tutorial or example of a 2-3 tier responsive menu?

KR Ian.

3 Answers

Hey Ian,

You should be able to do all of that via Bootstrap or Foundation. Most Frameworks have the functionality built in. Check out the Nav component section in the Bootstrap components documentation. http://getbootstrap.com/components/#nav

Framework Basics will put you on the right track http://teamtreehouse.com/library/framework-basics

Ian Hempsell
PLUS
Ian Hempsell
Courses Plus Student 37,027 Points

Thanks Sajad, I'll take a look over the Framework track... although I try to avoid using them for some reason ;o)

James Barnett
James Barnett
39,199 Points

Me too, the only I can really recommend is purecss.io.

Ian,

Don't avoid using them my man. Always do what works because in the end, if your website or app does what it's intended, how you got there doesn't matter.

If you avoid frameworks, you'll have to put in the effort to code all of the CSS from scratch at some point in the future. They're your friend and will save you countless hours.