Edit color of sticky header
-
Hello,
I have a few questions about my site’s sticky header. My basic header is set with a transparent background for all pages except product sheets. So I have a dark sticky header on the pages and white on my products. I would like to have the white sticky menu also on my other pages. Is this conceivable?
I show you in private the 2 differents pages/styles I have now.
Regards,
Jeff
Hello,
I am checking the home page, it has a dark background and white font on the sticky. Please advise what pages you want to change?
Best Regards
Hello,
I would like have white background and black font on the sticky menu (but saving my transparent overlay menu). For the homepage and other pages using this header overlay. How I could do this ?
Regards,
Jeff
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .whb-sticked .whb-color-light{
background-color: red;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li>a {
color:back;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li>a:hover {
color:grey;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li.current-menu-item >a {
color:black;
}
Please insert the colors as per your needs.
Best Regards
Hello,
Thanks for your answer but that’s not what I was really looking for (after testing the code). To be honest, I’m just trying to have a clear background on my sticky menu and on the mobile menu.
I show you on extra information case what I mean exactly. Hope we can fix this settings.
Regards,
Jeff
Hello,
If you mean “transparent” color, you need to replace background-color: red; for background-color: transparent;
Please clarify your purpose.
Best Regards
.
