Hello! I am currently working on customizing my nav bar with a custom animation (convert the hamburger to an X and change the background color from transparent to black). The animation and nav work fine when in mobile views, however, on desktop, when the nav bar is open on a smaller screen size and then is expanded, although the overlay disappears, since the menu button is not pressed the closing animation never plays (background color stays black and X doesn’t return to hamburger). Is there a way to trigger the closing animation when the breakpoint is reached that the overlay closes?
Normal state:
Open overlay (on smaller size window):
Issue (overlay closes, but closing animation is not triggered)
Here is my public share link: Webflow - Jonah Gershon