menu items change colors on hover
-
Hi ,
i am trying to change the colors on mouse hover for my menu in header but from header builder there is no such option.
Where should i look for ?
Hello,
Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
.wd-nav-main>li>a:hover .nav-link-text {
color: red;
}
Best Regards
hi again,
it is not working…
Hello,
It seems that there are some syntax errors in the Custom CSS areas. Please make sure that there are not Syntax Errors in any of the Custom CSS fields under Theme Settings >> Custom CSS.
Then clear cache and check back.
If you are still unable to change the color then provide the admin panel login details of the website to check it myself and help you out accordingly.
Best Regards
hello,
in custom css i have only your code….and i would like to change the color on mouse over and for the submenu items….
can you tell me how to set a background color for all items on mouse over ?
Is it possible to create header with elementor and bypass yours ?
Hello,
1) Please provide the admin panel login details of the website to check it myself and help you out accordingly.
2) To add background color on hover on the menu items try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
.wd-nav-main>li>a:hover {
background: red;
}
3) Yes you can use the header created from elementor but you would not be able to use the default Theme header elements in it.
Best Regards
Hello,
To change the color of the menu on hover. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.wd-nav-secondary>li>a:hover .nav-link-text {
color: red;
}
Regards.
Xtemos Studios
.
