Re: The background image on my home page doesnt move anymore

rene94 · ‎05-20-2024

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!

Dan-From-Ryviu · ‎05-22-2024

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>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎05-20-2024

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 -%}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

rene94 · ‎05-21-2024

Hi, thank you for your help! Unfortunately the header logo stays whilst scrolling

Dan-From-Ryviu · ‎05-21-2024

Hi @rene94

Logo hides on the product page only.

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

rene94 · ‎05-22-2024

I want it to hide on all pages if possible please

Dan-From-Ryviu · ‎05-22-2024

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>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Re: The background image on my home page doesnt move anymore

The background image on my home page doesnt move anymore

Community Blog Articles