Header Builder : Light Text color scheme only in sticky mode

Hi,

I’d like to use the dark text color scheme for my header (because it overlaps the background image) but I want use the light one when I scroll down (because my website is mostly white). What should I do to get that result ? Do you have a few lines of custom CSS 🙂 ?

Best,
Fabien

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

This is possible to do with custom CSS. Please provide your site URL. If your site is under construction, please provide your site admin access as well.

Best Regards

Hi !
Here you go : https://new.greenkub.fr. Your theme is very good by the way. I’m very satisfied.

Best,
Fabien

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-dark .navigation-style-underline .item-level-0>a{
color:#ffffff;
}
body .whb-color-dark .navigation-style-underline .item-level-0>a:hover{
color:#ffffff;
}
body .woodmart-navigation .item-level-0.menu-item-has-children>a:after{
color:#ffffff;
} 

body .whb-scroll-stick.whb-sticked .main-nav .item-level-0>a{
color:#000000;
}

Best Regards

Awesome ! It works like a charm. Thanks

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts