Nav-bar interactions on vw resize

Hi guys, I made the mistake of asking our company tester to test my webflow site and he found an obscure bug that I have no idea how to fix.

Please help :slight_smile:

I have a nav-bar that changes on smaller resolutions (a burger icon appears)
When you click on the burger icon, it transforms into an “x” and the menu items appear
When you click on the “x” the menu items disappear and the “x” turns back into a burger icon.

The problem is:
If you open the menu, then resize the width of the screen to desktop width, then resize the screen back to mobile width. The menu items have retracted, but the x still stays there - effectively reversing the x and the burger icon.

Here is my public share link: Webflow - dev-quintessence