Parallax Image "Duplicating"

Solved
Tourist
4 0 1

I know this isn't a true case of the parallax image duplicating, but I'm not sure how else to phrase it.

 

Anyway, we have multiple parallax images throughout our homepage.

 

The first parallax (above the fold) loads fine with no issues. The three below is, though, always have a "duplicated" piece of the image either on the very top or the very bottom:

Parallax.png

I'm sure it has to do with how the page loads, but I'd love to know if there's a way to resolve this. 

 

Thanks!

 

Stephanie

0 Likes
Shopify Expert
665 170 199

Hi, @sbruce1 ,

This is Evita from On The Map.

 

Can you add your store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
4 0 1
0 Likes

Success.

Shopify Expert
665 170 199

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.shopify-section .parallax {
    background-image: none!important;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
4 0 1

It works! THanks so much!

 

Can I ask exactly what it does? I would think background-image:none!important would disregard the image that's uploaded to the section and cause it to be blank.

 

Thanks!

0 Likes
Shopify Expert
665 170 199

You have 2 parallax images, one is in the right container, but the second one is in the wrong container, the code i gave just removes the background of second container - https://prnt.sc/pwxqf6

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
4 0 1

Thank you for taking the time to explain.

 

Have a great day!

1 Like