Mobile nav bar: animation ALSO when clicking outside the element possible?

Hi everyone!

I created an animation for the mobile nav bar, when clicking on it. It switches from burger menu to a cross and back to burger menu. You can click anywhere on the page to fold the menu back in, but the animation just works (transition from cross to burger menu) when clicking on the exact element.

I would like the burger menu to appear again/the cross to disappear again once the mobile nav bar closes (wherever you click on the page). Is that possible on Webflow?

Thanks guys for your help!

the cross won’t go away (however, the menu folds back).


Here is my public share link: https://preview.webflow.com/preview/tubc?utm_medium=preview_link&utm_source=designer&utm_content=tubc&preview=151a1c50acf03e167087fb3e76607cc7&mode=preview