Make different bg color between the main header and the fix header

Hello,

I can put two different logos : one on the header and the other one on the fix header. But i cant set two different backgrounds color’s up.

Can you help and tell me how to figure it out ?

Thanks

Best Regards

Hello,

With the theme settings you can not use different header color for sticky header.

But with the custom css code you can achieve this. Please insert the below css code to set the different background color for sticky header in Theme Settings >> Custom Css >> Global Custom Css:

.whb-sticky-header .whb-row{
    background: red;
}

Best Regards.

Ok thank you so much, it works !

But now the problem is i tried to change CSS Code to put the icon in white color on the fix header but it turns write to the main header too.

http://prntscr.com/pefiwd

Can i fix it ? Thanks

Most Welcome,

Of course you can fix it. To display the icons in the white color inside the sticky header you have to insert the below css code in Theme Settings >> Custom css >> Global Custom css:

.whb-sticky-header .whb-row .wishlist-icon{
	color:white;
}
.whb-sticky-header .whb-row .compare-icon{
	color:white;
}
.whb-sticky-header .whb-row .woodmart-cart-icon{
	color:white;
}

Best Regards.

[Author]

Posts