Skip to main content
jvdc
jvdc
Expert ⭐️
June 3, 2025
Question

Custom header/navbar dropdown items hidden behind community banner image

  • June 3, 2025
  • 2 replies
  • 79 views

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 ⭐️⭐️
June 11, 2025

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.  

olimarrio
Gainsight Employee ⭐️
olimarrio
Gainsight Employee ⭐️
June 13, 2025

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.

Terms & ConditionsAccessibility statement