Latency Of Drop Down Mega Menu - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Latency Of Drop Down Mega Menu

JH

Jeff Honeyager

Template 4 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.

0
7 Answers
JH
Jeff Honeyager
Accepted Answer
4 years ago #11496

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

Thanks for your effort.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #11489

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

0
JH
Jeff Honeyager
Accepted Answer
4 years ago #11490

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!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #11493

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #11500

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

Regards

0
JH
Jeff Honeyager
Accepted Answer
4 years ago #11509

Attached is your usname/password.

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #11662

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

0