Welcome to the Treehouse Community
Looking to learn something new?
Brandon Brigham3,716 Points
Top main dropdown menu z-index issue
On the site I am working on my top primary dropdown menu is not working correctly.
If you hover over the brown top menu the drop-down elements go underneath the green sidebar menu. I can't seem to find which class or id to adjust to fix this. I'm pretty sure it's a z-index issue but nothing has seemed to work.
Thanks for any help!
Hey Brandon, I was going crazy with z-index last night. I noticed that the z-index of #secondary is 10. The z-index of, I believe, of the class "site-header" is 4. To see if that was the problem I change 4 to 1000, and the nav within .site-header was layered on top. Just ensure the z-index for .site-header is greater than #secondary.