Animation: on second click Problem: two clicks needed on menu button after visitor closes menu with video overlay div

Hi all, i have a slight issue with my second click animation on my menu button on the top right of my website. Basically I’m trying to find a way for a visitor to click outside the menu (on a div that overlays the video) to close the menu (which currently works, please give it a go)!

But still I have an issue as my second click animation on the menu button doesn’t happen as a result the menu button needs two clicks just to open again, Maybe some custom JS might be a work around for both the Menu button second click and the outside of menu click can still co-exist?

https://preview.webflow.com/preview/shortstraw?utm_medium=preview_link&utm_source=dashboard&utm_content=shortstraw&preview=24afbb683807f987b24db7c4ee0f8ecd&workflow=preview

Many thanks,
Andy H


Here is my public share link: LINK
(how to access public share link)