Mega menu set a delay in closing - Forum | JoomShaper
Staff replied Helix Framework

Mega menu set a delay in closing

Asked by Zach Hampel 4 years ago Last activity 4 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.

1 reply

Rashida Rahman Staff
4 years ago · edited

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

Log in to reply.