Tribe-Bar (List view selection) overlaps menu

[Anders]

Hi,

There seems to be some z-index issue (maybe?) that makes the “View As: list-view” option in the Tribe Bar to bleed through my main site menu.

Error can be seen here:

(Hover over Calendar to see the error)

Any suggestions on how to fix this? I have tried adding/changing the z-index on a couple of items, but since they are in different stacking context I have a hard time figuring this one out.

[Geoff]

Hey there, Anders–nice to see you again!

You’re spot on and there appears to be a z-index conflict.

I was able to remedy it in DevTools with the following CSS:

.genesis-nav-menu .menu-item:hover>.sub-menu {
z-index: 999;
}

Give that a shot and let me know if it helps clean things up. 🙂

Cheers!
Geoff

[Anders]

Thanks!

(You might be hearing a bit from me over the next week or so as I hammer out the last couple of quirks with my first Events Calendar Project. Hopefully there will be much less issues next time around. )

[Geoff]

Great! No worries at all–that’s why where we’re here. I’ll go ahead and close this thread for the time being.

By the way, if you haven’t done it already, we’d love to hear your thoughts about the plugin on our review page.

Thanks again for reaching out!

Geoff

[Author]

Posts