How can I disable the sticky header in my online store?

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 now is that,

While in the header settings I have disabled “sticky header”, This keeps showing up when I scroll down,

Any idea how to fix it?

Site: https://www.petjoyfully.com

2 
.header-wrapper {
    position: absolute !important;
}

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

3

I also send this code before but you mark another code change into this please and its works

.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 you!