Navigation Drop Down Interferes with Mobile Hero Image

Design help General
1

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!

Screen Shot 2023-05-26 at 7.06.15 AM
Screen Shot 2023-05-26 at 7.06.15 AM640×968 124 KB

Screen Shot 2023-05-26 at 7.06.32 AM
Screen Shot 2023-05-26 at 7.06.32 AM1134×1702 122 KB

Here is the read-only link: https://preview.webflow.com/preview/ode-to?utm_medium=preview_link&utm_source=designer&utm_content=ode-to&preview=11c06c2ff873bca5cb3e7b4e4f88eb22&workflow=preview

2

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.

3

Hey @WisdomainUK

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

All my best!