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 Matthew Sullivan
Matthew Sullivan
3,719 Points

Why is my drop-down menu next to the brand instead of under?

I'm using Chrome on a Mac.

When I shrink the screen down and toggle the menu button, the drop-down appears next to the brand "Ribbit" instead of under it like in the video.

I compared where I was at to the finished code file and it was exactly the same, then I had the DUH moment and opened the index.html file for the finished project and it did the same thing.

Thanks!

PS. This in the "Building a Fixed Navbar" video in the Framework Basics collection.

1 Answer

benfarnham
benfarnham
17,073 Points

I haven't taken the course but is there any way you could link some of the CSS / HTML used? I have a feeling they cleared a float to the dropdown navigation. What this means is while they used the 'float' rule on the brand "Ribbit", the underlying menu will now float next to the "Ribbit" logo by default. So to fix this, target the drop-down menu and add a new rule of 'clear: both;'. Hopefully this helps but again, it is just a guess since I can not see the CSS / HTML. Hopefully you have this resolved by now!

Matthew Sullivan
Matthew Sullivan
3,719 Points

That did it. Thank you!