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

[Author]

Posts