How can I make a website header transparent on all pages?

[Kostas_katal]

Hello,

I would like your help with an issue that is bothering us

We have made our online store exactly how we wanted it to look,

The main problem we want to solve is that, while on the home page the header is transparent, on all other pages it appears with a white wrapper,

So the question is how to make the header transparent on all pages

Site: https://www.petjoyfully.com/

[Dan-From-Ryviu · Accepted solution]

Hi @Kostas_katal 

Go to your Online store > Themes > Edit code > add this code at the bottom of base.css file

.header-wrapper{
position: fixed !important;
width: 100% !important;
background: rgba(255, 255, 255, 0.00) !important;
}

[Kostas_katal]

Thanx a lot!

[Dan-From-Ryviu]

Welcome @Kostas_katal 

[topnewyork]

Go customize > edited code > header.liquid and past this code

.header-wrapper {
    display: block important;
    position: absolute !important;
    width: 100%;
}
.header-wrapper.color-scheme-cb149d64-5c5a-4f9c-89c2-4b11e9eefe6f.gradient{
    background-color: transparent !important;
}