Reply 202688 to: Menu Items Animation Effect

Avatar: thisisbolo
thisisbolo
Participant
November 8, 2018 at 18:06

Rose/Olga, it worked! Thank you. I took your suggestion and swizzled it around. Don’t even need the jQuery I initially thought I did.

.nav-sublist-dropdown {
    transition-duration: .5s;
    animation: none;
    display:  block;
    opacity: 1 !important;
    visibility: hidden;
    overflow-y: hidden;
    max-height: 0;
    transition-property: all; 
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.menu-item-has-children:hover .nav-sublist-dropdown, li:hover .nav-sublist-dropdown {
    animation: none;
    opacity: 1 !important;
    visibility: visible;
    max-height: 500px; /* approximate max height */

}
Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.