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

Ian Hempsell
PLUS
Ian Hempsell
Courses Plus Student 37,036 Points
Posted by Ian Hempsell
Ian Hempsell
Courses Plus Student 37,036 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

Marwa zada
seal-mask
.a{fill-rule:evenodd;}techdegree
Marwa zada
UX Design Techdegree Student 15,460 Points
Marwa zada
.a{fill-rule:evenodd;}techdegree
Marwa zada
UX Design Techdegree Student 15,460 Points

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,036 Points
Ian Hempsell
Ian Hempsell
Courses Plus Student 37,036 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
James Barnett
James Barnett
39,199 Points

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

Marwa zada
seal-mask
.a{fill-rule:evenodd;}techdegree
Marwa zada
UX Design Techdegree Student 15,460 Points
Marwa zada
.a{fill-rule:evenodd;}techdegree
Marwa zada
UX Design Techdegree Student 15,460 Points

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.