Hover Time Dropdown

Hi there,

This might help: https://generatepress.com/forums/topic/delay-on-hover-over-menu-item/#post-193803

That topic sets it to 0, but you can change it to whatever you like (200ms etc..).

THANKS SO MUCH!!

Just one thing, do you know when I hover the menu item, to appear the sub-menu has a little animation that doesn't have when i get the mouse over there.

How can I delete that animation?

Thanks,

Ivan

I mean, there's a transition between opacity0 to opacity1. How can you delete that transition or add the same transition to them the mouse goes out of the hover label?

Thanks,

Ivan

If you set the transition_speed to 0, there shouldn't be any animation.

I've set the transition_speed to 0, bet there's still an animation. Altrough, this only affects at the when I hover the label with the mouse, and not when I leave the label.

I show you this in video:

https://www.youtube.com/watch?v=JVkbpiEVveU&feature=youtu.be

Thanks,

Ivan

It says the video is private.

Any chance I can just view the site?

You should now can see the video. Take a look!

Thanks,

Ivan

Try this code instead:

<script>
    jQuery( window ).load( function() {
        jQuery( '.sf-menu .menu-item-has-children' ).GenerateDropdownMenu.destroy();
        jQuery( '.sf-menu .menu-item-has-children' ).GenerateDropdownMenu({
                transition: 'fade',
                transition_speed: 0,
		open_delay: 0,
		close_delay: 0
        });
    });
</script>

This new code doesn't work at all, the dropdown doesn't show up. Unable to see it.

Thanks anyway,

Iván

Add this CSS with it:

.sfHover > .sub-menu {
    opacity: 1 !important;
}

It works!! Thanks so much!!!

Cheers,

Ivan

Awesome! Glad I could help :)

There's any wat to delete also the animation when you hover a label from the menu?

Thanks again,

Ivan