Docs

[Adwin L]

Hi there, my site is: http://52.25.40.201/~energy/

I’ve created a custom mega menu, and I am noticing a slight lag when I hover out to close the menu. The menu lags and stays open for about 1 second before closing. Is there any way to fix this?

[Rue Nel]

Hello There,

Thanks for writing in! The slight delay is a default setting for the sub menus. If you want to override and totally remove the delay, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar-static-active .desktop .x-nav .x-megamenu>.sub-menu, 
.x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu {
    display: none;
    opacity: 0;
    transparent: opacity 0.5s ease;
}

.x-navbar-static-active .desktop .x-nav .x-megamenu:hover>.sub-menu, 
.x-navbar-fixed-top-active .desktop .x-nav .x-megamenu:hover>.sub-menu {
    display: block;
    opacity: 1;
    transparent: opacity 0.5s ease;
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts