Fixing the Right Side of Product Page While Scrolling Product Images

[KimGottwald]

Hi everyone,

I’m trying to make the right side of my product page (where the product title, price, options, and descriptions are located) remain fixed when scrolling through product images. Right now, both sections scroll together, but I’d like only the images to scroll independently.

Does anyone know how to achieve this in Shopify?

Here’s the preview link to my store: https://www.rappid.run/collections/frontpage
Password: Password

Thanks so much for any advice!

Best,Kim

[Abdosamer]

@KimGottwald , go to section-main-product.css , and add the following :

.product__info-wrapper.grid__item {
    position: sticky;
    top: 100px;
    right: 0;
    height: 70%;
}