Hovering over menu items is slow

Support
#1

Hi,

Using Pro Version: 4.2.3.

Navigation inline menu bar items react slowly to hovering over.

When hovering from one menu item to the next, both get highlighted.

This is especially visible when hovering from one menu item with sub-menu items to another menu item with sub-menu items. For about 1.5 seconds I can see both drop-down lists from the neighboring menu items.

Is there anything I can do to make the menu work in a more responsive manner?

Thank you!

/Konstantin

#2

Hi Konstantin,

Thank you for writing in, you can add this to Theme Options > CSS to make the dropdown quicker.

  .x-dropdown.x-active {
     transition-duration: .1s;
  }

Remember to clear all your caching features after adding the code

Hope it helps,
Cheers!

#3

Thank you, this change actually makes the dropdown to appear faster.
But the disappearing of a previously open dropdown is still slow, can this be affected in any way?
Thank you!

#4

Hi Konstantin,

The Out animation starts after a small delay and that might be the reason the Dropdown stays a little even after the Mouse Out from the Parent navigation item.

Thanks

#5

I guess, this means that out animation delay cannot be shortened?
Or am I wrong?
Thanks!

#6

Hi Konstantin,

Yes, you are correct. There is no such option available to do that.

#7

Ok, then I will slow down the new pop-up appearance, so the old one disappears first, 1.5sec does the trick.
Thank you!

#8

Hi Konstantin,

Glad that you are able to find the solution.

Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.