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 Alessandro Maculotti
Alessandro Maculotti
4,954 Points

Menu hover navigation pattern

Hi everybody,

hi have some trouble with a simple hover navigation pattern but i can't figure out how to fix it.

I would show all menu list when the user is on the button menu. I have create this but when i'm on hover to a specific voice that li element disappear. °__°

Show my demo on codepen: http://codepen.io/maqquo91/pen/mAJOPP

Thanks for your help. All the best wishes.

2 Answers

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

So, I'm not entirely sure I understand your problem, but first, your 'button' is a ul element, which is incorrect. It should probably just be an a tag or a button.

And you just needed some different hover selectors (looks like you were on the right track with what you commented out).

And things were a little out of place. Use the Bootstrap default HTML and that should be much easier.

Here's a forked Codepen: http://codepen.io/iainsimmons/pen/kkWKEY

Alessandro Maculotti
Alessandro Maculotti
4,954 Points
Alessandro Maculotti
Alessandro Maculotti
4,954 Points

Yep, you're right. Thanks Ianin :)