Dropdown menu is hidden underneath hero image

Design help General
1

Hey guys, I’m happy to finally join this forum!

I have a weird issue and I need some help. I’ve been building a site for the company I’m doing my internship and I ran into an issue I’ve tried to fix for days now. I have a dropdown in my nav bar which is only visible on tablet and mobile view. The issue appears only in the home page (it works fine in “about us” page), whenever I press the menu icon it opens up a dropdown but it goes underneath the hero image. Even though z-index is set to 999…

It’s weird because it works fine in the other page.

Here is my site Read-Only: https://preview.webflow.com/preview/innoflow-landing-page?utm_medium=preview_link&utm_source=dashboard&utm_content=innoflow-landing-page&preview=e19bf5f34cf3c49058d9cd231f855ae2&mode=preview

2

Try setting the navigation div to Position - Relative.
This should solve it.

1 Like
3

It’s solved! Thank you so much!

4

I’m happy for you that it was a easy solution :slight_smile:
You can mark your first question as :white_check_mark: solved