Hey there,
I have animation created for opening and closing menu which works on click.
What I want to do I want to be able to close navbarmenu clicking on Side Overlay however not sure how to link trigger for navbar menu closing with Side Overlay element.
Is that somehow possible?
Here is my site Read-Only: Webflow - Symplicit_2023-Current
Hey Rudo,
You should first change the interaction trigger for opening the navbar menu from “Menu Button” to your main “Navbar” trigger using the Navbar opens trigger as shown in the image below.
Afterwards, by changing your “Side Overlay” to a link block it should close the menu when you click on the overlay while the navbar is open.
Webflow native Navbar element will trigger a navbar close animation when any links within it is clicked. By doing the above you should get the intended result.
Thanks man, I will try.
The question is will my menu button also work as I need to open the menu with the hamburger icon and close it with X icon plus get it closed also clicking on side overlay
By following the steps above, it should work.
thanks mate, it really worked 
I just do not understand the purpose of changing Side Overlay to a link block?
Can you explain?
The expected behavior of the native Navbar element is that when you click on any links within it, it will trigger a navbar close interaction. Hence by setting the side overlay to a link block, it triggers a navbar close automatically on click. There are a few past threads regarding this behavior too. Here’s an example.
P.S. You could remove the interactions from the “Menu Button” class as just having it on the main “Navbar” class will work better. If not there could be a possibility of funky bug occurring in the future.
Very well explained
Really appreciate your help.
