Hamburger menu - run the animation when click outside the container

Design help Custom code
1

Hello everyone! :wave:

I would like to run the “hamburger menu close” interaction when a user clicks anywhere outside the navbar, not only on 2nd click directly on the icon.

Any ideas how to make it happen with the custom code?

Here is my public share link: LINK
Here is my live site: LINK

2

Try using the navbar opens interaction trigger instead:

3

Sorry, @PixelGeek I don’t get it. Could you put it in different words once again, please? Also, I’m not sure if I explained myself correctly. If I open the menu and then click anywhere outside the navbar, it closes the menu but leaves the X icon in the upper-right corner instead of returning to the hamburger default icon.

4

The video above explains the issue. Let me know if you’re not able to see the video I posted.

1 Like
5

Yes, totally! Sorry, my bad I was looking only at the video preview :see_no_evil: Thank you so much for helping me out! :pray:

1 Like