Tagged: menu
Hey guys, I’m wondering if there is a way to remove the delay effect for when you mouse over the nav menu items? The website I’m doing has a white background w/black text when a menu item is inactive, but on mouse over it has a red background and the text turns to white. However, when I mouseover, there’s a little delay as the text turns from black to white and I’d like to remove that delay.
I’m assuming it’s a jQuery thing but I’m just curious as to where I would edit it?
Any help is greatly appreciated!
Nevermind, I just figured it out!
I added this to custom CSS to get rid of the delay effect on mouseover:
.av-main-nav > li > a {
-webkit-transition: background-color 0.0s ease-in-out, color 0.0s ease-in-out;
-moz-transition: background-color 0.0s ease-in-out, color 0.0s ease-in-out;
transition: background-color 0.0s ease-in-out, color 0.0s ease-in-out;
}
Hope this helps anyone else who wants this customization!