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,
The topic ‘Opacity sticky menu on scrolling down.’ is closed to new replies.
.
