Pro Dropdown Menu close timing - overlap between drop-downs

[cmelnik]

Hi,
How can I speed up the amount of time it takes a dropdown menu close?

If I transition from one dropdown to another quickly the first one remains open for a fraction of a second resulting in two open drop-downs until the first one closes.

I am able to speed up the transition of each open opening but not able to affect how quickly each one closes.

Need to adjust so that there is no overlap between them.

Thank you.

[prakash_s]

Hello @cmelnik

Thanks for writing to us

As of now, you can’t change the dropdown menu speed in header builder. Current speed was purposefully chosen and integrated as by design it’s neither too fast nor too slow and provides good user experience.

If you need to have a controllable dropdown transition duration. You will need to use UberMenu that comes bundled with X/Pro Theme and can be installed from **X/Pro > Validation **.

See https://sevenspark.com/docs/ubermenu-3/settings/menu/transitions

Thanks

[cmelnik]

Hi,
You can actually change the delay and speed of which the drop-down menus open with CSS. Just trying to see if it is possible to change the close speed or delay?

On Chrome when you move between two different drop-downs they do not close quickly enough and overlap; you can see both open at once. Not great UX.

[christian]

Hey @cmelnik,

You can’t change the delay using CSS as it’s controlled by Javascript.

There would be a way to change the delay soon though so please stay tuned for the updates. It could be added in one of the succeeding updates.

Thanks.