Solved

How can you fixate the product description?

KimGottwald
Pathfinder
137 0 20

 

How can you fixate the product description? Mine is not moving while scrolling unlike the title, price etc. 

 

URL: aliudclothing.com

KimGottwald_0-1716490459282.png

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 614 491

This is an accepted solution.

Hey @KimGottwald,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 990px) {
    .grid.product-single .grid__item.product-single__meta--wrapper.medium--five-twelfths.large--five-twelfths {
        position: sticky !important;
        top: 0 !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716491215009.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
2138 614 491

This is an accepted solution.

Hey @KimGottwald,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 990px) {
    .grid.product-single .grid__item.product-single__meta--wrapper.medium--five-twelfths.large--five-twelfths {
        position: sticky !important;
        top: 0 !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716491215009.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!