Megamenu transition / animation DELAY

Hi,

Thank you! We really appreciate you are using WP Mega Menu.

In this plugin, it has no option.

Here is the solution.

Add this CSS code to your theme style.css or custom CSS or “Appearance” > Customize > Custom CSS >

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu:hover > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu:hover > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu:hover > .wpmm-strees-row-and-content-container > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu:hover > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu li.menu-item-has-children:hover > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu li.menu-item-has-children:hover > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li:hover .wp-megamenu-sub-menu {
    animation-duration: 1000ms !important;
}

Let me know if you need more assistance.

Thanks.

@fahimmurshed Thanks for your reply, so right of the bat im facing the issue that this CSS code does not delay the animation.
Something like
.whatevs {
animation-delay:1000ms !important;
}
doesnt work either, as this shows the menu’s without transition/animation, just shoots in & out. Any other suggestions?

So how does the animation-duration: 1sec cause the menu to wait 1 sec? @fahimmurshed

But that doesnt delay it right? That specifies the duration

Hello,
Thank a lot for your reply. If you can’t see that feature in this time, have to wait for an upcoming version.

Already notice our dev team.

I hope, they’ll take care of this feature an upcoming version.

Thanks.