Archived topic

Fade effect on menu

3 replies · Started by jose on April 18, 2020

Viewing posts 1–4 of 4

April 18, 2020 at 1:03 pm #1244631

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

April 18, 2020 at 5:48 pm #1244822

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!

April 19, 2020 at 10:56 am #1245669

Ok, its easy :

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

Thx!

April 19, 2020 at 5:15 pm #1245966

Glad you got it working :)

This archived topic is closed to new replies.

Start building better websites today.