I cannot seem to find a post on how to remove the header main menu hover effects. That slow fade in and out. How does one disable this effect?
Hi bigjoechef!
Could you also please provide your site URL login details here in the Private Content section of your reply.
Best regards,
Jordan
Unfortunately I can not. I would actually like to remove all hover/fading effects for all images links etc.
Hey!
You can go to Enfold theme options > Advanced Styling and edit “Main menu links” both for initial and hover state and set them to same color so there would not be any hover transition
Cheers!
Yigit
I have tried your method and it works for the link text but the background is still fading. How can I remove all fade transitions throughout the whole site? I do not want any 3 second fade on rollovers to images links etc.
Hey!
It would be the best if we could see your website live and inspect elements to provide an accurate solution. Could you please post the link to your website when you launch it?
Regards,
Yigit
I will not be launching the site with these 3 second fade in effects. If you were to do a fresh install of the enfold theme and try hovering over a main menu item your get a fade in effect. After applying the advanced styling colors it no longer fades in the main menu item text/link. Now when I apply a background color to the main menu links it still fades in the background color.
How can I remove all fade in effects from the theme. Is it a javascript file?
Figured it out in case anyone else comes along this post. It was a transition that I had to set to none:
.av-main-nav > li > a, div #menu-item-shop.cart_dropdown {
-webkit-transition: none;
transition: none;
-webkit-transition: none;
transition: none;
}
Hi!
Glad you got it sorted and thanks for sharing the tip :)
Best regards,
Vinay Kashyap