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
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.