Streaming live at 10am (PST)

Nav drop down menu only works once scrolled

Hey guys,

I have made a navigation bar that changes from transparent to white once scrolled. It works really well except for one problem, the dropdown icon for a navlink does not work unless I scroll down.

So I am using two different navbars to achieve the scroll effect (from transparent to white). At 10% scroll, coloured nav reaches 100% opacity and transparent nav reaches 0%.

So basically the problem I am having is I can only open the dropdown menu of one navbar.
I would have thought that if one Navbar is set at 0% opacity I could click the link of one underneath. Doesn’t appear so.

Any suggestions on how to tackle this problem would be much appreciated!

Ps (The reason for two navbars is because the text and logo, change colour between the two as well)

Read Only:

https://preview.webflow.com/preview/ashleys-first-project-4d89c0?utm_medium=preview_link&utm_source=dashboard&utm_content=ashleys-first-project-4d89c0&preview=59c98fc492ce6a708fca113c168fd31c&mode=preview