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

Store Design
1

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/

2

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;
}

Screenshot_1.jpg
Screenshot_1.jpg1812×361 86.3 KB

3

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;
}
4

Thanx a lot!

5

Welcome @Kostas_katal