Sticky Product Image on Debutify Theme

Highlighted
New Member
1 0 0

Hello. I wanted to know if there was a way to add sticky product images on the product page using the Debutify theme when the user scrolls down on the desktop. I tried using position: sticky but so far my attempts have not come to fruition. I am unsure of how to accomplish this since the CSS is completely different from regular Shopify themes.  Here is an image from another thread that shows exactly what I am trying to accomplish:

 

Screen Shot 2019-10-04 at 4.14.30 pm.png

 

Any help would be appreciated.

0 Likes
Highlighted
Tourist
4 0 1

Did anyone got the solution?

0 Likes
Highlighted
New Member
3 0 0

Hello, I'm also looking for the same solution, if you found something, tell me, please.

0 Likes
Highlighted
New Member
2 0 0

Please go to Actions > Edit Code > Assets > theme.scss.liquid, paste the following code at the bottom in a new line:

.product-photos{ @include screen($large){ position: sticky; height: 80%; top: 0; } }

0 Likes