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

Nick Zachary
6,816 PointsMy 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
Courses Plus Student 8,868 Pointsz-index: 1000;
I love it.

Matt Campbell
9,767 PointsI think you need to set position to absolute instead of relative.
This will sit content on top of other content.

James Barnett
39,199 PointsNick - 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.