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 trialIan Hempsell
Courses Plus Student 37,036 PointsResponsive 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
Marwa zada
UX Design Techdegree Student 15,460 PointsHey 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
Courses Plus Student 37,036 PointsThanks Sajad, I'll take a look over the Framework track... although I try to avoid using them for some reason ;o)
James Barnett
39,199 PointsMe too, the only I can really recommend is purecss.io.
Marwa zada
UX Design Techdegree Student 15,460 PointsIan,
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.