How can I make my header transparent on the Dawn theme?

[Joaaakim]

Hello, I’m trying to make image banner to be transparent with my header, I have tried coding but its not working.
the theme is dawn
site: https://c03d11.myshopify.com
PW: Jofflim

[Typostores]

Hello @Joaaakim ,

.header-wrapper{
background: none;
position: absolute;
width: 100%;
z-index: 11;
}

you can put it at bottom file base.css

but I think you still need custom more code to config for each page. you can try

and if you need me custom more code for you, you can contact with me, I’ll help you.
pls don’t give me an Accepted Solution and like
I hope my code can help you
thank you!

[ExpertRookie]

Hi @Joaaakim
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

#shopify-section-header {
position: relative;
}
.header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent;
border: none;
}

[Joaaakim]

Hello, this didnt work for me

[Joaaakim]

Sadly, this didnt work. I would love to get some coding from you

[ExpertRookie]

Hi @Joaaakim
Pls Move the code to bottom of the file.
As I see it wrap in @media query.

[Joaaakim]

@ExpertRookie Like this?

[ExpertRookie]

yes I think so, have you tried

[Joaaakim]

yes it work, thank you so much