Shopify themes, liquid, logos, and UX
Hello,
I was wondering if anyone could help me. I'm trying to make my media images sticky so that as you scroll down the product images will follow.
website: gripmags.com
Hello @GripMags ,
It's the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
@media (min-width: 1200px){
.Product .Product__Wrapper .Product__Gallery {
position: sticky;
top: 0;
}
}
</style>
Let us know how it works for you.
Best regards,
GemPages Support Team
Hi @GripMags
This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.scss.css
@media (min-width: 1200px){
.Product .Product__Wrapper .Product__Gallery {
position: sticky !important;
top: 0 !important;
}
}
Hope you find my answer helpful!
Best regards,
Victor | PageFly
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025