Solved

The background image on my home page doesnt move anymore

rene94
Explorer
60 1 8

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
7931 1543 1573

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>

- Helpful? Like and Accept solution to let me know or Donate
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7931 1543 1573

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 and Accept solution to let me know or Donate
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

rene94
Explorer
60 1 8

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

Dan-From-Ryviu
Shopify Partner
7931 1543 1573

Hi @rene94 

Logo hides on the product page only. 

- Helpful? Like and Accept solution to let me know or Donate
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

rene94
Explorer
60 1 8

I want it to hide on all pages if possible please

Dan-From-Ryviu
Shopify Partner
7931 1543 1573

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>

- Helpful? Like and Accept solution to let me know or Donate
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.