Navigation Drop Down Interferes with Mobile Hero Image

Hi, Any help would be greatly appreciated.

I have a dropdown navigation on my website but only on mobile resolutions does the drop down interfere with the hero image, essentially passing underneath the hero image.

Can someone help me troubleshoot this and understand how I can fix this in the future?

Thanks again!

Here is the read-only link: Webflow -

Welcome @getcates

I would reset your Navbar class Z-index as is currently set to Auto (in mobile view). Change this to 9999 on your top level breakpoint so it filters down and always stays on top of everything.

Hope this helps.

Hey @WisdomainUK

Thank you so much, that worked well and taught me a lot! Such a huge a help!

All my best!