Want to make a Transparent Header for Homepage and on scrolling sticky with solid background. Also for other page like Product archive page and single product page sticky header with solid background. How to do that.
Header overlap option is implemented to allow your header elements to be on the top of your website content. It is usually used for a transparent header on the home page if you have some full-screen slider or large image on your home page content. You can enable it in Global header settings, the option is called “Make it overlap”. https://xtemos.com/docs-topic/how-to-enable-header-overlap/
There is no option to set the color for the sticky header, the sticky header is changed by custom CSS, you will have to change the color of the menu and other elements as well.
Please add this code to the Theme Settings > Custom CSS > Global:
body .whb-sticked .whb-general-header {
background-color: white;
}
.
