Return to previous page

Dropdown Menu Rollover Transition - by iMedia

This topic has 2 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Robert Hall

iMedia

Participant

January 21, 2016 at 22:03

Hi,

The top right corner cart display has a smooth transition animation on rollover. How could we had that same transition to the main menu drop-down?

Thanks!

Copied

1 Answer

Robert Hall

Support staff

January 22, 2016 at 09:48

Hello,

You can try add the following code in Theme options->Custom CSS->Global Custom CSS.

.menu > li:hover .nav-sublist-dropdown{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 60px;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.menu .nav-sublist-dropdown {
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.25s;
    -ms-transition: all 0.3s ease 0.25s;
    -o-transition: all 0.3s ease 0.25s;
    transition: all 0.3s ease 0.25s;
    position: absolute;
    top: 65px;
}

Regards,
Robert Hall.

Copied