Hey Enfold-Team,
for our website i use the transparent header in all pages. I gave the pictures a black gradient to make shure, the menu is readable on all sites. The menu on the transparent header should be white, but when someone scrolls down and the header changes, the menucolor should change to dark grey.
I am not able to change the menucolor in the general styling area ore somewhere else, so i tried it with CSS
span.avia-menu-text {color: #e0e0e0 !important;}
So now, the menucolor is light grey, but not good to read by scrolling down. How could i manage the fontcolor to change?
Thank you!!
Ah.. i forgot – its a multisite – is the css only for this site or is there a possibility, to fix it for all four sites at once?
thank you!
…Could you please help?
Hi,
Sorry for the late response. It is not probably working yet because the Performance > File Compression settings is enabled. Please toggle the settings or temporarily disable it to regenerate the stylesheets. And to change the menu item color for transparent headers, please use this css code instead.
.av_header_transparency .avia-menu-text {
color: #e0e0e0 !important;
}
This should only change the menu item color when the header is transparent and keep the default color on scroll.
Best regards,
Ismael
Thank you, it worked out!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon