Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hey all,
My site seems to have issues with saving the Enable Transparent Header setting. I want to toggle it on so my logo overlays my first Slideshow section. However, every time I save the update, my site is published as if the setting was off. Even going back into the settings the option still remains checked, yet the site doesn't reflect the change.
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hello, @nikoneex
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste bellow code in the bottom of the file.
.site-header { background-color: transparent; position: absolute; width: 100%; }
Hello, @nikoneex
Please share your site URL,
So I will check and provide a solution here.
Hello, @nikoneex
Thanks for URL.
did you like this?
Yup I wish to have it exactly like that. However, even after saving my changes, my header keeps displaying without the transparency like this:
This is an accepted solution.
Hello, @nikoneex
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste bellow code in the bottom of the file.
.site-header { background-color: transparent; position: absolute; width: 100%; }
This worked perfectly. Thank you so much!
This just broke my website completely. Now its all sorts of messed up. Sweet.
Thanks for post.
Please share your site URL,
So I will check and provide a solution here.
How did you get the logo to perfectly match the background picture? Or did you completely outline the text to make it transparent?
Hello, @SergeiBlessed
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Welcome to the Shopify community!
and Thanks for your question.
i can see this code work perfectly what's an issue?
I tried this and it worked to force the transparent header, however, it is ignoring the white (reversed) version of the logo/text that should appear when the transparent header option is selected. This makes the logo and text unreadable over the slideshow image. How can I fix this? Thanks.
Did you get a fix for this? I have the same problem - its not just a case of hard coding the background as transparent - we need to use the transparent settings/file that we have used in the theme.
User | RANK |
---|---|
126 | |
95 | |
78 | |
54 | |
46 |
Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022Shipping can be one of the most vital parts to set up and manage your business. Understand...
By Ollie Dec 16, 2022