Shopify themes, liquid, logos, and UX
Hi,
I am trying to make my product images sticky on desktop when scrolling. Would anyone know of an app or code needed to add to make this possible?
Thanks
Solved! Go to the solution
This is an accepted solution.
Hi @Midnightlibrary,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save
@media(min-width:767px){
#site-main:has([data-product-wrapper] article .product-gallery){
overflow:unset !important
}
#site-main [data-product-wrapper] article .product-gallery{
position: sticky;
top: 95px;
height: fit-content;
}
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
This is an accepted solution.
Hi @Midnightlibrary,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save
@media(min-width:767px){
#site-main:has([data-product-wrapper] article .product-gallery){
overflow:unset !important
}
#site-main [data-product-wrapper] article .product-gallery{
position: sticky;
top: 95px;
height: fit-content;
}
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025