editing code

Solved
Louis007
Tourist
9 0 4

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

Accepted Solution (1)

Accepted Solutions
made4Uo
Shopify Partner
1481 229 344

This is an 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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 6 (6)
JHKCreate
Shopify Partner
3451 620 875

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

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
made4Uo
Shopify Partner
1481 229 344

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

 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
Louis007
Tourist
9 0 4

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

 

Louis007
Tourist
9 0 4

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
Shopify Partner
1481 229 344

This is an 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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
Louis007
Tourist
9 0 4

This worked great. Thanks!!