Ellavator

@tuanphan, previously shared it. It's ellafriberg.com 

thank you. 

@bangank36 thank you for your response. I have the Brine template. I tried the codes and it still didn't seem to work..., just made my grid layout different (single product in one column, instead of 3 in a row). 

@jbpdx80 @bangank36 Same issue here, tried the code and it's not working. I have Brine template on 7.0  my website is ellafriberg.com

@IXStudio this is how my page looks when I add that code. 

13 minutes ago, IXStudio said:

Use this code @Ellavator

Just change the ID with target parallax section ID.

.Parallax-item[data-parallax-id="5f4d20aef1e66322e30a7c80"] figure.Index-page-image.loaded {
    transform: none !important;
    bottom: 0 !important;
}

.Parallax-item[data-parallax-id="5f4d20aef1e66322e30a7c80"] {
    transform: none !important;
    position: absolute !important;
}

.Parallax-item[data-parallax-id="5f4d20aef1e66322e30a7c80"] figure.Index-page-image img {
    bottom: 0% !important;
    top: -50% !important;
}

Please use the like button if it helps you!

Best,
Leopold

Thanks for trying this but it's still not working. I appreciate the help though.

2 minutes ago, IXStudio said:

This code works for all of your index pages. If you got a problem on that let me know to check it please.

Please use the like button if it helps you!

Best,
Leopold

ok, I just need to target specific section on certain index pages. I don't want to disable parallax on all pages.

2 minutes ago, IXStudio said:

Hi @Ellavator

Use this code in Design -> Custom CSS

figure.Index-page-image.loaded {
    transform: none !important;
}

.Parallax-item {
    transform: none !important;
    position: absolute !important;
}

Please use the like button if it helps you!

Best,
Leopold

do i enter the page id anywhere? will this code apply to all index pages?

20 minutes ago, tuanphan said:

Try disable Ajax Loading. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading

ok just tried this and it's still not working...maybe i'm using the wrong code. This is what I have entered...and its for my gallery page. https.ellafriberg.com/gallery

[data-parallax-id="5f4d20aef1e66322e30a7c80"
] figure {
transform: none !important;
top: 0 !important;
bottom: 0 !important;
will-change: auto !important;
}

@tuanphan I use Brine

I've tried these and it looks like it works initially, but as soon as the page is refreshed the parallax continues. Any tips on this? I have the advanced commerce plan as well. 

Thanks!