Hi,
I’m trying to change the menu font colour to orange when I hover over them on my transparent header.
I found an earlier post which said to add this to the css style sheet, I tried this but ther was no change!
Thanks in advance, Gary
#top .av_header_transparency .main_menu ul:first-child > li > a:hover .avia-menu-text {
color: orange!important;
opacity: 1;
}
Hey GaryBroadhurst,
Your site is in maintenance mode, please post login details in private so that we can view site.
Best regards,
Rikard
Hi Rikard,
Sorry about that! please see below.
Thanks
Gary
Hi Gary,
Thanks for that. Please try this CSS instead to see if it works better:
.av_header_glassy .main_menu .menu-item a {
color: orange!important;
}
Best regards,
Rikard
Hi Rikard,
This does change the menu colour to Orange! but I was wondering If this is possible to change just when hovered over, and remain white when not.
Many Thanks
Gary
Hi Gary,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av_header_transparency .av-main-nav li:hover {
color: orange;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Works a treat…!
Many Thanks
Gary
Hey,
How would I add a seperator between the header menu & social logos, Ive lokked eveywhere but cant find this?
Thanks
Gary
Hi,
I couldnt help, clef does nto allow me to login.
Best regards,
Basilis