Hi there!
On my website, I’m trying to create a nice animation when displaying the menu. I want the page to fully blur and then show the menu in a drop down like fashion. So far, I’ve semi-successfully implemented this by having the regular drop down menu with the default nav bar and by adding an interaction to the Menu Button that blurs the page when clicked once and unblurs when clicked a second time.
The problem I’m facing, is that the menu can be closed by clicking anywhere on the nav bar itself. As the menu button is not clicked, the page will remain blurred and the menu will disappear. When the menu button is clicked again then, the drop down will open while the page unblurs. Does anyone know how I can disable the menu from closing when the nav bar is clicked?
You can find my read-only site here.
Thanks already!
Greetz
Jarne