too much hover speed on Mega menu dawn theme

Store Design
,
1

Hello i added hover function on dawn theme shopify but its speed is too much how can i reduce its speed on hover here is the code

2

Hello @Hassansheraz667

To control the speed of opening and closing animations for hover events in JavaScript, you can introduce a delay using setTimeout and clearTimeout. This way, you can create a more gradual experience by setting a timeout before the dropdown is opened or closed.

Here’s how you can modify your code to introduce a delay for the mouseenter and mouseleave events:

Explanation:- delayTime: The delayTime variable sets how long the delay is before the dropdown opens or closes. You can adjust this to change the hover speed.

  • setTimeout: This function delays the execution of opening or closing the dropdown.
  • clearTimeout: Clears any pending timeout to prevent conflicts when quickly moving the mouse in and out of the dropdown.

By adding these delays, you create a smoother experience when hovering over the menu items.