Header builder

Hello,
I want to create a header with the header builder. I am going to go from a Magento 1 site to WooCommerce. There is a image in Magento place in the header. (see attachment like it is in Magento) When I put that image in the Header Builder it doesn’t fill the entire header (I did put it in de top bar) now there is only a slight display of this image.
Is there a way to put that image somewhere, that it covers the whole header like it does in Magento?

Thanks for your reply.

Best regards,
Dennis

Hello,

Make all the rows transparent in the header builder and add this code to the Theme Settings > Custom CSS > Global:

body header {
    background-image: url(http://www.dieet.goldenliontrading.nl/wp-content/uploads/2020/10/background.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom-style: solid;
}

Best Regards

Hello Elise,

Thanks. This will do. But now it also repeats in the blog background. Why?

Best regards,

Dennis

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the code with this one, it would disappear from the Blog.

body header.whb-header {
    background-image: url(http://www.dieet.goldenliontrading.nl/wp-content/uploads/2020/10/background.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom-style: solid;
}

Best Regards

Yes! Thanks.

Hello Elise,

One more question.
Now the sticky header is also transparent. Is it possible to have that in white?

Thanks for your reply.

Best regards,

Dennis

Hello,

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

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

Please replace blue with your color.

Best Regards

[Author]

Posts