editing code

[Louis007]

I tried to edit the code in the dawn theme so i can make my header transparent. It doesn't work. no matter what i change in the code the changes does not apply to my website. I tried the same code in the debut theme and it immediately worked. The problem is that there is also no standard theme.css in the dawm theme. I made it myself and copied the code from the debut theme css file to the dawn theme css file. Then i put this code at the bottom which i also found here :

.template-index #shopify-section-header {
position: absolute;
width: 100%;
}
.template-index #shopify-section-header .site-header {
background: transparent;
}
.template-index #shopify-section-header .site-header .site-header__mobile-nav {
background: transparent;
}

Can someone tell me where to put this code in the dawm theme so my header will be transparent? thanks in advance

[JHKCreate]

Try adding !important after the transparent text. Let us know if that works!

[Louis007]

Sadly that didn't work. I think the solution is in changing the sticky header like made4uo suggested. The problem is i don't know what to change in that section to make it transparent. Maybe you know. thanks for your reply

[made4Uo]

Hi @Louis007 ,

You have to delete or change the code in the <sticky-header> inside the header.liquid under the Section folder. The background color are being called that way

[Louis007]

Thanks for your reply. I think you are right but i have no clue what to change to make it transparent. can you maybe paste the code that i need to import and tell me in which section i have to import it. Thanks a lot!

[made4Uo · Accepted solution]

@Louis007 

You are in luck. I just created a tutorial for Dawn header. See here https://made4uo.com/blogs/dawn-theme-tweaks-and-trick/how-can-i-make-hero-image-the-background-for-h...

I would suggest you follow along with the video so you don't get lost

[Louis007]

This worked great. Thanks!!