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
User | RANK |
---|---|
187 | |
151 | |
81 | |
77 | |
65 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023