Solved

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

Joaaakim
New Member
5 0 0

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

Accepted Solution (1)

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

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;
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 8 (8)

Typostores
Shopify Partner
68 7 8

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!

banned
Joaaakim
New Member
5 0 0

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

ExpertRookie
Shopify Partner
1518 249 314

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

My Store 2022-12-05 10-01-42.jpg

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Joaaakim
New Member
5 0 0

@ExpertRookie Like this? 

Joaaakim_0-1670257728976.png

 

ExpertRookie
Shopify Partner
1518 249 314

yes I think so, have you tried

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Joaaakim
New Member
5 0 0

yes it work, thank you so much 🙂

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

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;
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Joaaakim
New Member
5 0 0

Hello, this didnt work for me 

Joaaakim_0-1670169684653.png