Issues with resetting the menu button

Hey guys,

I’ve been struggling with this for a while now to no avail. I have designed a menu that pops from the side and created an interaction for it to close once a menu item is selected.

The menu closes but the menu icon doesn’t reset back to it’s original form (as a hamburger menu) unless I click on it again to change from an “X” to “=”. Clicking the menu button has the intended results of the hamburger menu changing stances to indicate “open” and “close”.

I’ve discovered many people mentioning the application of JS in the header but i was curious if there’s another alternative without involving the code just yet.

I hope someone out there can share feedback to solve my predicament. Thanks in advance for your efforts!


Here is my public share link: https://preview.webflow.com/preview/duxedraft-d59651?utm_medium=preview_link&utm_source=designer&utm_content=duxedraft-d59651&preview=d919709b981165cb13648f2b4bd2c51f&workflow=preview
(how to access public share link)