How can I create a transparent header on the Dawn theme without affecting the footer?

Store Design
1

Hi,

I would like to have a transparent header so I tries this code (only code that works) :

@media screen and (min-width: 1024px) {

.header-wrapper {

position: relative;

}

.gradient {

background: transparent;

}

.banner__media.media {

position: absolute;

top: -90px;

}

.banner::after {

top: -px;

}

.header__menu-item {

color: #000000;

}

.header__icon svg{

fill: #ffffff

}

}

@media screen and (min-width: 1024px){

.banner__media.media {

position: absolute;

top: -124px !important;

}

}

THE PROBLEM : my footer is transparent too (attached foto) Can someone help me please ? I already tried many codes…

2

Hi @Pyar ,

Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.

So that we can help you.