How can I make images stick on product scroll in Spotlight theme?

Marwan0346 · ‎03-08-2024

Hi,

I would like the following:

My theme is Spotlight. Here is the link: https://dxme.site/

ThePrimeWeb · ‎03-08-2024

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__item.product__media-wrapper media-gallery {
        position: sticky !important;
        top: 70px !important;
    }
}
</style>

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

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

ThePrimeWeb · ‎03-08-2024

Hey @Marwan0346,

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__item.product__media-wrapper media-gallery {
        position: sticky !important;
        top: 70px !important;
    }
}
</style>

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

Was I helpful?