How can I change color of overlap header ?

Hello everyone,

I’m reaching out for a bit of assistance with my website. When I scroll, I would like the header to be a different color than the black background. However, I want the original header to remain transparent.

Any guidance on how to achieve this would be greatly appreciated. Thank you so much for your help!

Best regards.

Attachments:

You must be logged in to view attached files.

Hi contact.beamwork,

Thanks for reaching to us.

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

.whb-sticky-header .whb-color-light:not(.whb-with-bg) {
    background-color: #000;
}

Regards,

Thank you !

Hi contact.beamwork,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts