Shopify themes, liquid, logos, and UX
I'm using the Dawn theme and I have the option for ambient movement checked in my theme settings, but for some reason it's stopped working and now its static. My website is linked below:
https://9g99ww8igezgur08-74826613002.shopifypreview.com
Also for my product page I'd like my product images to be next to each other with no black showing, this iis how it is now:
Also is there a way to have it so the logo leaves when you scroll on the product page? Thank you!
Solved! Go to the solution
This is an accepted solution.
Please update code:
<style>
@media (min-width: 750px) {
#product-grid { column-gap: 0; }
}
.section-header.scrolled-past-header a.header__heading-link { opacity: 0; }
</style>
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @rene94
Please add those codes to your theme.liquid file, after <head> in Online Store > Themes > Edit code to make your product images next to each other with no black showing and hide the logo when scrolling on the product page
<style>
@media (min-width: 750px) {
#product-grid { column-gap: 0; }
}
</style>
{%- if template.name contains 'product' -%}
<style>
.section-header.scrolled-past-header a.header__heading-link { opacity: 0; }
</style>
{%- endif -%}
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi, thank you for your help! Unfortunately the header logo stays whilst scrolling
Hi @rene94
Logo hides on the product page only.
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
I want it to hide on all pages if possible please
This is an accepted solution.
Please update code:
<style>
@media (min-width: 750px) {
#product-grid { column-gap: 0; }
}
.section-header.scrolled-past-header a.header__heading-link { opacity: 0; }
</style>
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025