Horizon theme product template - customization

Store Design
, , , ,
1

I’m using the Horizon theme in that I have added some custom blocks, anyhow the details block in product page isn’t sticky, when I scroll the it scrolls along with the image, I want the image to be sticky so the details can be scrolled. Currently that isn’t working. Is there any way to sort that issue.

website: Weaverstown
pw: weaver

2

Because you have added this CSS rule, probably either in Theme settings-> Custom CSS or via direct code edit:

      html,body {
        width: 100%;
        overflow-x: hidden;
      }

having overflow:hidden; breaks sticky elements on descendants.

Changing from overflow-x: hidden; to overflow-x: clip; is a quick and easy fix.