Skip to main content
jvdc
jvdc
Expert ⭐️
Jun 3, 2025 2:38 PM UTC
Question

Custom header/navbar dropdown items hidden behind community banner image

Hey,

We have added a custom navigation bar through the HEADER of our community, but any dropdown items from that bar is hidden behind the community hero image…

I've played with the z-index to have these items show above the image (image has a z-index of 1025), but nothing works…

 

Am I missing something?

2 replies

Kenneth R
Kenneth R
Expert ⭐️⭐️
Jun 11, 2025 6:40 AM UTC

Hey ​@jvdc - it’s hard to say without fiddling directly with the code.  I would expect that it’s feasible to do this with the right CSS, but I’m not aware of a great working example that I can point to right now.  

Translate
olimarrio
Gainsight Employee ⭐️
olimarrio
Gainsight Employee ⭐️
Jun 13, 2025 10:38 AM UTC

Hey ​@jvdc 👋,

I took a look at your custom CSS and although you were applying z-index to .forum-featured-image the stacking context means this was being overridden by the parent element’s z-index, in this case .generic-hero .sitewidth. I’ve added some new custom CSS and this should have resolved the issue now but please let me know if you have any questions.

Translate
Terms & ConditionsAccessibility statement