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!
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;
}
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
User | RANK |
---|---|
220 | |
150 | |
60 | |
55 | |
46 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023