Nav Bar animation issues

Hi guys, I’m having issues with my nav bar animation between point breaks and I wanted to reach out again to see if anyone knows how to fix it? The animation looks fine on the smaller point breaks but when I click the larger one it gets stuck. Any help would be greatly appreciated, it’s driving me crazy!

It looks fine on desktop and any screen size smaller but when I click the larger point break at a width of 1440 px and higher it stops working for some reason


Here is my site Read-Only: Webflow - Portfolio Test Site

Can you please publish it to staging and share that link?

Thanks Emma, this is your staging link by the way-

https://emmas-portfolio-dcafdc.webflow.io/

So here’s the problem-
Here’s your dropdown list 4 in desktop view-

And here it is at your higher breakpoint-

Your interaction trigger is hover, but there’s also a hover trigger on the menu open. So you hover, the interaction starts playing, and the menu opens.

However on the higher breakpoint, that dropdown list covers the button, so you are then obstructing it, and the hover trigger stops. Your interaction “sticks”.

I didn’t see what’s causing your dropdown list 4 to layout differently, but one hack is to give your hamburger button a z-index that puts it above the dropdown. If I set that to 1000, it works fine.

That fixed it, thank you so much!!

1 Like