Turn off sticky content for products in Horizon

Technical Q&A
1

I am trying to set up a new site with Horizon. I can’t turn off Sticky Content for products. When I scroll I want everything to move together. Similar to what you can do in Dawn. Is there a CSS you can add.

I’m coming from Woocommerce, so this is all new to me.

2

There are many other themes that might suit your needs better. Horizon has huge a variant picker and huge images that scroll independently. Definitely not among the top themes unless you want to edit the code for every aspect of the site.

3

Hi

@HoldFastPete

You can use this custom CSS and add it to Custom CSS in Customize theme

@meadia screen and (min-width: 750px) {
    .sticky-content--desktop,
    .sticky-content--desktop.full-height--desktop>.group-block {
        position: relative !important;
    }
}

Like this:

image
image1920×981 75.9 KB

Let me know if it doesn’t work on your end!

Best,

Danny from Samita Team

4

That didn’t work. The description still scrolls with the photos. Does anyone actually like when that happens? Maybe I’ll just swap to Dawn.

5

Sorry, scrolls without the photos

6

Hi

I am so sorry that it didn’t work

Could you please share your store URL so I can take a look? If your store is password-protected, kindly provide the password as well.

Best regards,

Danny from Samita Team

7

Hi @HoldFastPete

let add this custom CSS code to the bottom of file base.css:

@media screen and (min-width: 750px) {
    .product-information .sticky-content--desktop, .product-information .sticky-content--desktop.full-height--desktop>.group-block {
        position: static;
    }
}

The result like this:

image
image1263×955 143 KB

8

Yes, you can use “Custom CSS” setting of the “Product information” section and paste this code:

media-gallery,
.product-details {
  position: initial;
}

If you decide to use other locations for this code, you’d probably need to add !important.