[Resolved] Hover Time Dropdown

[Ivan]

Is there a way to reduce tho hover time when I want to see the dropdown menu on the navigation bar?

I followed this instructions, but it didn’t worked for me:

https://generatepress.com/forums/topic/hover-time/

Any thing I could do?

Thanks,

Ivan

[Tom]

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..).

[IVAN]

THANKS SO MUCH!!

[Ivan]

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

[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

[Tom]

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

[Ivan]

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:

Thanks,

Ivan

[Tom]

It says the video is private.

Any chance I can just view the site?

[Ivan]

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

Thanks,

Ivan

[Tom]

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>

[Ivan]

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

Thanks anyway,

Iván

[Tom]

Add this CSS with it:

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

[Ivan]

It works!! Thanks so much!!!

Cheers,

Ivan

[Tom]

Awesome! Glad I could help 🙂

[Ivan]

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

Thanks again,

Ivan

[Author]

Posts