Trigger nav animation when overlay closes at desktop breakpoint

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

Figured it out!! Have to use “Navbar opens” trigger instead of using click on Menu button trigger.