Skip to main content
Question

Custom header/navbar dropdown items hidden behind community banner image

  • June 3, 2025
  • 2 replies
  • 45 views

jvdc
  • Helper ⭐️⭐️⭐️

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
Forum|alt.badge.img+5
  • 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
Forum|alt.badge.img+5
  • 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.