Navigation menu animation

[djolens81]

Hi,

Is it possible to add some animation on hover over main menu items (fade, slide etc..)

Thank you!

---

[Support]

Hello, please add this:

(css/custom.css)

#header nav ul.nav-main > li > a {
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
}

#header nav ul.nav-main li.dropdown > ul.dropdown-menu {
	top: -9999px;
	left: -9999px;
	display: block;
    -webkit-transition: opacity ease .3s;
       -moz-transition: opacity ease .3s;
         -o-transition: opacity ease .3s;
            transition: opacity ease .3s;
	opacity: 0;
}

#header nav ul.nav-main li.dropdown:hover > ul.dropdown-menu {
	top: auto;
	left: auto;
	opacity: 1;
}

Let me know if you have any questions.

Thanks.

---

[djolens81]

This reply has been marked as private.

[Support]

Hello, unfortunately it’s not possible via CSS, I may be adding effect in the navigation in an upcoming release with some JS scripts.

Thanks.

---

[Author]

Posts