Left Section Fixing on Product Page

[Kashif91]

Hi,

I want to fix the left section of my product page until the ‘You may also like’ engine.

It should unfreeze once ‘You may also like’ engine is visible.

Product page: Men's Tufts Blue Solid Classic T-shirt – The Funkydelic Store

I need the code to achieve this.

Thanks in advance!

[tim_1]

Here is the CSS code:

@media (min-width:740px) {
  #product-photos {
    position: sticky;
    top: 60px;
  }
  .product-thumb-swiper.swiper-vertical {
    height: max-content;
  }
  .product-page.product-template {
    display: flex;
  }
  .product .site-wrap {
    overflow: initial;
  }
}

I’d try adding this into product page section “Custom CSS” setting;
then try "Theme settings(cog icon) => “Custom CSS”;
then try adding a “Custom liquid” section and paste this code there, wrapped with <style> … </style> tags…