Archived topic

Smooth dropdown menu phone

3 replies · Started by Gonzalo on January 21, 2020

Viewing posts 1–4 of 4

January 21, 2020 at 11:47 am #1139543

Hi there,
it' s possible have a smooth dorpdown menu, in phone view?
Regards

January 21, 2020 at 4:07 pm #1139722

Hi there,

Give this a shot:

#generate-slideout-menu.main-navigation .main-nav ul ul {
    transition: opacity 500ms ease-in-out, max-height 500ms ease-in-out;
    max-height: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
}

#generate-slideout-menu.main-navigation .main-nav ul ul.toggled-on {
    max-height: 9999px;
    opacity: 1;
    pointer-events: auto;
}

Let me know :)

January 22, 2020 at 5:22 am #1140124

Thank you Tom, work perfectly!

January 22, 2020 at 9:22 am #1140538

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.