Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
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!
Sadly, this didnt work. I would love to get some coding from you 😉
Hi @Joaaakim
Pls Move the code to bottom of the file.
As I see it wrap in @media query.
yes I think so, have you tried
yes it work, thank you so much 🙂
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;
}
Hello, this didnt work for me
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024