This topic is: resolved
- This topic has 6 replies, 4 voices, and was last updated 9 years ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The topic ‘Z-index’ is closed to new replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Community Forums › Forums › Archived Forums › General Discussion › Z-index
Tagged: z-index
This is driving me crazy. I am trying to get a logo to stack over the menu. Link to site. I created two widget areas for the header. One is for the log and has a z-index of 9999. The navigation area (.nav-primary) has a z-index of 2 but the logo still stacks behind it. I've tried adding z-index to everything I could but nothing works
yes, I've tried everything that I can think of. For some reason, the blue background from the nav-primary will not go behind the logo no matter how I set the z-index.
One thing to keep in mind when you're using z-index is that the element with z-index must have positioning to work. Most of the time you can just add position: relative
to make it work.
On your site, the stacking order looks correct now, but your .logo
div needs background-color: #fff
if you don't want the navigation bar to show through.
You are a lifesaver. Thank you! I would have never figured that out. I knew I had the stacking order correct but couldn't determine why the logo was getting cut off. Thanks again.
Thanks Brian,
Position Relative Saved My Night also!
Cool, thanks for mentioning that EZEarache, it made my night even better. ☺
© 2024 WPEngine, Inc.