Mega Menu Set A Delay In Closing - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Mega Menu Set A Delay In Closing

ZH

Zach Hampel

Helix Framework 3 years ago

how can I change or set a delay on the mega menu closing?

I notice at times if you are too quick or even normal speed once the mega menu opens it does not always reconize the mouse is on it and closes.

0
Website
https://devzach.com
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #55323

Hi there!

Thanks for contacting us.

There is no default way to do that.

However, I can give you suggestion of using custom CSS. You can use the following custom code snippet in your custom CSS to achive that:

li.sp-menu-item.sp-has-child:hover .sp-dropdown {
    visibility: visible !important;
}
body.ltr .sp-megamenu-parent .sp-dropdown {
    display: block;
    visibility: hidden;
    transition: visibility 1s !important;
    -moz-transition: visibility 1s !important;
    -webkit-transition: visibility 1s !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Note: Customization support is prohibited here.

Best Regards

0