Shopify themes, liquid, logos, and UX
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.
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.
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.
User | RANK |
---|---|
61 | |
52 | |
46 | |
39 | |
39 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023