Shopify themes, liquid, logos, and UX
How do we achieve this? for home page only
Website: https://leletny.com/
My store: https://ec0594-06.myshopify.com/ - pw awsteu
Solved! Go to the solution
This is an accepted solution.
Hey @AliceInLaLaLand
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
sticky-header.header-wrapper.color-scheme-2.gradient.header-wrapper--border-bottom {
position: absolute !important;
background: transparent !important;
width: 100% !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
@AliceInLaLaLand Hello this need some customization. You can follow this video you will get source code too https://www.youtube.com/watch?v=J2Kaj4TlHt8
Thanks! Is there any way this can only be applied on the index or home page?
@AliceInLaLaLand hi, you need like this ?
yes, should be mobile responsive and on the home page and should turn white when scrolled down
This is an accepted solution.
Hey @AliceInLaLaLand
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
sticky-header.header-wrapper.color-scheme-2.gradient.header-wrapper--border-bottom {
position: absolute !important;
background: transparent !important;
width: 100% !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Should turn white when scrolled down and only applies on the home page
Hi @AliceInLaLaLand 👋 💣 Note well: When doing transparent overlays specifically ensure there is a background or other contrasting behavior for the menu/text to stand out from image-content when hovered otherwise you are fundamentally undermining the contrast(accessibility) or your website.
Good Luck.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
@AliceInLaLaLand looking good so far though the logo gets washed out in some backgrounds like the first with orangish-pink.
And check the collection sections lower on the page there an error for missing custom-badge-product-card snippet.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024