Dropdown menu hidden behind image

I’m trying to design a new dropdown menu for a site, but I can’t figure out how to get the dropdown to show in front of the images / text on the page.

My site is Webflow - RefYouMe and I’ve created a draft test page (/test-navbar) that I’ve added the new navbar to.

I’ve tried changing the z-index, but it doesn’t seem to make any difference.

Any help would be greatly appreciated.

Anyone able to help me with this one? I’m stuck!

hi @khs123 add z-index:1insetad auto on your navbar-new

Amazing, thank you @Stan - I was trying the z-index against the individual dropdowns rather than the navbar as a whole