Need help with how to make a text block sticky.

Site URL: https://www.intro-verso.com/all-new-products

Hey,

I would like to make the right column of my product detail page which contains differents block (text + image + shop button) fix when scrolling down the page.

I want people be able to see the content on the left while they can always get acces to the text of the right.
 

Thanks for any help!

2 hours ago, Mathias654321 said:

Site URL: https://www.intro-verso.com/all-new-products

Hey,

I would like to make the right column of my product detail page which contains differents block (text + image + shop button) fix when scrolling down the page.

I want people be able to see the content on the left while they can always get acces to the text of the right.
 

Thanks for any help!

 

Hi @Mathias654321,

You can try in Home > Design > Custom Css

.ProductItem-summary .ProductItem-details {
  position: sticky;
  top: 0;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

16 hours ago, bangank36 said:

Hi @Mathias654321,

You can try in Home > Design > Custom Css

.ProductItem-summary .ProductItem-details {
  position: sticky;
  top: 0;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

This worked perfectly, thanks a lot @bangank36!

Much appreciated