[Michael FParticipant]

How can I alter the speed of the drop down menus? It seems very slow for me when hovering over and especially when leaving the hover state.

Thanks,

[Michael FParticipant]

No matter what I do to the superfish.js file, even setting disableHI to false, this does not stop the delayed hover. Please help, this is extremely annoying.

[ChristianModerator]

Hey Michael,

Please try to edit superfish.js located in framework\js\src\site\vendor. Search for delay and change the value to 0 from 800 (default).

Hope that helps. 🙂

[Michael FParticipant]

What about the delay when hovering off of the drop down menu? It seems like it takes 3 seconds for it to go away.

[RadModerator]

Hi Michael,

Under the same file superfish.js, find speed : 'normal', then add additional value under it.

It should look like this :

speed:         'normal',          
speedOut:      'fast',

Hope this helps.

[Michael FParticipant]

Anytime I edit this file it does nothing. I can even delete the whole file and the menus still work.

Confusing as all hell. Could I get some assistance with this please?

[RadModerator]

Hi Michael,

Do you have any cache plugin installed? If yes, clear its cache and your browser cache.

You could also provide an admin and ftp login if still won’t work.

Thank you.

[srpickertParticipant]

Is this thread still valid for the latest version of X?
If this is modified in the theme folder and not the child-theme will it be rewritten the next time an X update comes out?
I do not see the superfish.js file in my site’s file manager.

[srpickertParticipant]

I found this thread too which addressed the hover on – how would I incorporate the speedOUT css – or incorporate that into the menu’s js in the customizer?

https://community.theme.co/forums/topic/drop-down-menunav-speed/

/* Avoiding Submenu Delay */
.x-navbar .desktop .x-nav li:hover > .sub-menu {
display: block;
}

[ZeshanMember]

Hi there,

Thanks for writing in!

Yes, your CSS code will only disable the hover-in default. If you want to disable hover-out delay too, please use this CSS code instead:

/* Avoiding Submenu Delay */
.x-navbar .desktop .x-nav li:hover > .sub-menu {
    display: block;
}

.x-navbar .desktop .x-nav li > .sub-menu {
    display: none;
}

Thanks!

[srpickertParticipant]

This is working for the most part – but as you switch from menu item to menu item there is this weird white text delay.

Any ideas how to address this?

https://drive.google.com/file/d/0B_WuqasvZe5tOEQtR2lrR3dUYnM/view?usp=drivesdk

[srpickertParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating. It seems you have the following code on your customizer that causing the issue –

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a {
  color: #ffffff;
}

Please be cautious when you add custom code and make sure you know what you are adding.

Remove the conflicting code to get expected behavior.

Thanks

[srpickertParticipant]

This reply has been marked as private.

[srpickertParticipant]

This reply has been marked as private.

[Author]

Posts