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
Try adding !important after the transparent text. Let us know if that works!
1 Like
Hi @Louis007 ,
You have to delete or change the code in the inside the header.liquid under the Section folder. The background color are being called that way
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
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!
@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-header-dawn-theme
I would suggest you follow along with the video so you don’t get lost
1 Like
This worked great. Thanks!!
1 Like
