So I want to create a dropdown menu like so:
My issue are as follows:
- I can’t get the shadow to be seamless around the entire entity
- My interaction for opening the drop-down menu depends on overflow being set to
hidden(as per the custom dropdown menu tutorial by webflow) but to have the triangle go above the top of the dropdown content container, I have to have overflow: auto. I can get around this by adding a step to the interaction that sets all the nav links and nav link dividers to display: none as the initial state and then fade them in but want to see if there’s a better solution first!
The reason I didn’t use the built in webflow drop-down menu is because in the mobile layout, I’ll have the menu oriented like this so I need to have better control over the display properties of each section: