[Resolved] Fade effect on menu

[jose]

I want a fade effect. I try this

.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover>ul.toggled-on {
    left: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    height: auto;
    overflow: visible;
    transition: 1s;
}

But when i close the menu, toggle-on is removed and It doesnt use the transition opacity.

Thx

[Tom]

Hi there,

Any chance you can link me to your website so I can take a look?

What if you apply the transition to the selector without the .toggled-on class?

Thanks!

[jose]

Ok, its easy :

nav .main-nav .mega-menu > ul {
height: auto;
}

Thx!

[Tom]

Glad you got it working 🙂

[Author]

Posts