The background image on my home page doesnt move anymore

Solved

The background image on my home page doesnt move anymore

rene94
Explorer
78 1 15

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:

Capture.PNG

 

Also is there a way to have it so the logo leaves when you scroll on the product page? Thank you!

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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.

rene94
Explorer
78 1 15

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

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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.

rene94
Explorer
78 1 15

I want it to hide on all pages if possible please

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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.