Solved Templates

latency of drop down mega menu

Asked by Jeff Honeyager 5 years ago Last activity 5 years ago

I'm using mega menus across the home page.

When the mouse is moved slightly off the menu, it retracts immediately.

How/where can I change the latency of the menu scrolling back up?

I need to have it stay down for a few more milliseconds.

Thanks you.

Accepted answer

Marked as the solution

Jeff Honeyager Asked this

5 years ago

Still no joy. I'll try to work this out with the client.

Thanks for your effort.

6 more replies

Rashida Rahman Staff

5 years ago

Hi there!

Which template you are using, please?

Actually there is no default way to do that.
However, you can use custom css, and here is sample code for Helix ultimate:

.sp-megamenu-parent .sp-has-child > .sp-dropdown { 
display:block; visibility: hidden; opacity: 0.0; transition: visibility .55s,opacity .55s ease-in-out !important; -moz-transition: visibility .55s,opacity .55s ease-in-out !important; -webkit-transition: visibility .55s,opacity .55s ease-in-out !important; } 

.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown { opacity: 1.0; visibility: visible;
}

Hope this helps anyways!

Best Regards

Jeff Honeyager Asked this

5 years ago

Rashida,

As mentioned earlier, you are a gem. A ruby infact :)

I put css into custom.css. I changed it to:

.sp-megamenu-parent .sp-has-child > .sp-dropdown {
display:block; visibility: hidden; opacity: 0.0; transition: visibility .55s,opacity .75s ease-in-out !important; -moz-transition: visibility .55s,opacity .75s ease-in-out !important; -webkit-transition: visibility .55s,opacity .75s ease-in-out !important; }

.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown { opacity: 1.0; visibility: visible;
}

It did have an effect, but it acts "jittery"

I am flying blind - I have no idea what the parameters do.

You can see it at: http://sownx.org/

As you go looking, I'll look for some css tutorials.

Thank you!

Rashida Rahman Staff

5 years ago

Hi,

Thanks for your nice words:)

I have visited your site and found out you changed the code differently.

BTW, did you try the exact code that I shared with you?

You can change all timing values to a bigger ones (for example .95s/1s/2s... etc) to see the effect for longer.

Best Regards

Rashida Rahman Staff

5 years ago

If you want you can give me your admin access to check.

Regards

Jeff Honeyager Asked this

5 years ago

Attached is your usname/password.

Thank you!
Gracias
teşekkür ederim
شكرا لك
تنهنجي مهرباني
जी शुक्रिया

Rashida Rahman Staff

5 years ago

Would you please check?

I have set the time for 1 second to visualize the change better!

Let me know if this is what you wanted!

Best Regards