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

Nick Zachary
Nick Zachary
6,816 Points
Posted by Nick Zachary
Nick Zachary
6,816 Points

My nav bar drop down menu is getting overlapped by content on my webpage.

http://www.alonelytraveller.com/blogs-travelling-alone/

If you hover over categories, the drop down menu is hidden by the content overlapping it. This problem exist on all my pages except my homepage. I tried z-index, but it shows no effect.

Additional Info: I'm using wordpress headway theme

Thanks for your time -Nick

3 Answers

Chad Shores
PLUS
Chad Shores
Courses Plus Student 8,868 Points
Chad Shores
Chad Shores
Courses Plus Student 8,868 Points 
z-index: 1000;

I love it.

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

I think you need to set position to absolute instead of relative.

This will sit content on top of other content.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Nick - Check out this tutorial on a making CSS dropdown menu

If you are still having trouble then make a reduced test case using codepen and we'll see if we can figure out what the issue is.