[Theme: Twenty Twelve] Getting hgroup z-index over main-navigation | WordPress.org

Resolved databell96
(@databell96)

11 years, 4 months ago

This really could apply to any theme but I’ve done this before and usually it works. With Twenty Twelve, it doesn’t seem to work.

I’m doing this new theme built on Twenty Twelve and I’m using the hgroup to display a logo for the site and I want the main-navigation nav to appear beneath the logo and right now, it’s in front of it. I’ve tried numerous z-index tricks in my CSS. Nothing seems to change.

The theme is here and if anyone has a suggestion to get the logo to appear over the nav, let me know.

Viewing 3 replies - 1 through 3 (of 3 total)

WPyogi
(@wpyogi)

11 years, 4 months ago
The logo image is a background image, so for z-index to work, you need to use a negative value on it. Also, z-index requires a position attribute. So try this:
```
.main-navigation {
   z-index: -5;
   position: relative;
}
```
Michael
(@alchymyth)

11 years, 4 months ago

beginner’s mistake;

z-index only works in positioned elements;

http://www.w3schools.com/cssref/pr_pos_z-index.asp

add position:relative; to h1.site-title

Thread Starter databell96
(@databell96)

11 years, 4 months ago

Ah, yes! That’s much better. Thanks for the advice, Alchymyth!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Theme: Twenty Twelve] Getting hgroup z-index over main-navigation’ is closed to new replies.

Tags

In: Themes and Templates
3 replies
3 participants
Last reply from: databell96
Last activity: 11 years, 4 months ago
Status: resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics