HELP! Stick infinite options in one place

Technical Q&A
1

Hi.

I moved my product description under the photos, but now Im trying to stick infinite options in product page in one place where it suppose to be, but as I scroll down all section moves along.

Does anyone know the CSS code I need to edit to do this? I’ve tried everything and can’t seem to find it. Is this possible?

Below is the link to the page I’m trying to edit.

https://cometforyou.com/products/floating-moon-lamp-1

2

I checked and it generated by JS. So you need to check the sticky JS added at theme.js file. https://i.imgur.com/L4JFD5l.png

It will be very complicated for newbies so I suggest you disable JS or add this CSS, it will make sticky work better:

Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

.product-single__meta {

position: sticky !important;

width: auto !important;

left: 0 !important;

z-index: 1 !important;

top: 175px !important; }

Or if you want to disable sticky you can just change the code:

.product-single__meta {

position: relative !important;

width: auto !important;

left: 0 !important;

z-index: 1 !important; }

Hope it helps!

3

Thank You so MUCH!