Opacity sticky menu on scrolling down.

Hallo

I have set opacity to 70% for sticky menu (header builder). However, I would like the opacity to change to 100% when scrolling down. I don’t see such an option in the header builder. Can/how can this be done?

Greetings
Szymon

Hi szymon-0481,

I am appreciate your patience.

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Click on the Settings icon of Main header https://prnt.sc/6OIKfJKG_OeD > Style tab > and you can change opacity value https://prnt.sc/xZgmqZvzkN0q

Regards,

Hallo

I know that, but how can I set the opacity to 70% and when scrolling down it changes to 100%?

Greetings
Szymon

Hi szymon-0481,

Please add the following code in Theme Settings > Custom CSS > Global Custom CSS

.whb-sticked .whb-general-header {
    background-color: rgba(255, 255, 255, 1) !important;
}

Regards,

Hallo

It works, thank you.
Please close the topic

Greetings
Szymon Kurek

Hi szymon-0481,

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