Running into an issue with a dropdown header. The bar within the header that contains the dropdown menu option is transparent. When a user is within the area of the transparent bar, they are unable to interact with the content on the page. I imagine this is due to the z-index of the header itself?
Is there a way to structure this so that actions can reach the main page through the header?
Here is a short clip of the problem I’m experiencing: https://youtu.be/ge6ESrq6CMQ. You’ll see that I have some CSS hover animations setup and when I hover the cursor on an element with the animation but within the area of the header, it doesn’t execute.