Disable Hover when click

Hi guys, I have a question. Is there any way to disable the hover interaction when we click on something? I created a customized hamburger menu and I want to disable the hover effect when users click on the hamburger menu (the click interaction). I mean I’m looking for a way to not allow users to see the hover effect menu until the click interaction finishes.

You can add a div that will lie above (in z-axis) the hamburger and appear only when user clicks hamburger icon. Then this div would disappear after set time so that the animation for the menu finishes first.

1 Like

So did that solve your problem?

Yes, Thank you. It worked

1 Like