How can I make the product photo section sticky on the Debut Theme?

Store Design
1

Hello,

I use the debut theme, I’ve been trying to make the photo section sticky to scroll with the right side. I’ve done it before on other themes but I’m struggling here. It seems that the at section doesn’t have a single class but a compilation of classes I cannot seem to single out that section to make it sticky.

the css I used is this:

.class {

position: -webkit-sticky;

position: sticky;

top: 10px; }

this worked on another site but I cannot find the appropriate class to modify

can anyone help with this?

2

@Brian88

Please share your store URL and screenshot what do you want!

Thanks!

3

URL: Beddermattress.com

Objective: Make the product photo section “sticky” along side the right section as you scroll down.

Capture.JPG
Capture.JPG860×669 71.4 KB

4

Try this…and put it below your theme.css

#shopify-section-product .medium-up–one-half {

position: -webkit-sticky !important;

position: sticky !important;

top: 10px !important;

}