Navigation header

Hi,

We want the header as transparent when we are not scrolling and when scrolling the background should be white and the content available in the header will turn to black.

Now we are doing it in the theme’s header builder, the background color is changing to white but the content is still white.

Please guide me with step by step tutorial on how I can create my header as transparent when we open the website and the background turns white when we scroll.

Thank you.
Regards,

Hello,

Go to WoodMart > Header Builder > edit current header > Configure header settings and enable the option to make it overlap.

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

body .whb-sticked .whb-general-header {
    background-color: white;
}

Best Regards.

[Author]

Posts