how do you stop the product image from moving?

Site URL: https://www.cobbledstreetshop.co.uk

 Hello,

How do you fix a product image in place so the text just scrolls please? At the moment, the text is exceeding the image so when you scroll past the image, the text just keeps going down the page. I guess I'm asking, how do you spilt the page to side fixed and the other side move please?

Thanks!

On 12/31/2021 at 3:18 AM, Ecold said:

Site URL: https://www.cobbledstreetshop.co.uk

 Hello,

How do you fix a product image in place so the text just scrolls please? At the moment, the text is exceeding the image so when you scroll past the image, the text just keeps going down the page. I guess I'm asking, how do you spilt the page to side fixed and the other side move please?

Thanks!

You can try

.ProductItem-summary .ProductItem-gallery {
  position: sticky;
  top: 50px;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

My testing

On 12/31/2021 at 11:05 PM, bangank36 said:

You can try

.ProductItem-summary .ProductItem-gallery {
  position: sticky;
  top: 50px;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

it worked! thank you