When you enter the product page on mobile and try to scroll through the images, they move around because all the images are “zoomed in.” Is there a way to make them fixed in place? Here is a reference to how the issue looks. STORE https://timecraft.se/products/sakura-custom-seiko-nh35-automatic-wat…

Hey, Try adding this to your CSS: Go to Online Store → Themes → … → Edit Code. Find base.css (or a similar file). Paste the following code: .product__media-list.slider--mobile { overflow-y: hidden !important; } Remember to like and mark this as the solution if it helped you! :blush:

PRODUCT IMAGE MOVES VERTICAL FIX

Technical Q&A

Olllie November 28, 2024, 5:35am 4

No problem, anytime!

Topic		Replies	Views
Change code for mobile on Flex Theme to keep product image set and not floating Store Design liquid , Setting-Up	18	155	November 15, 2023
How can I make mobile product images scroll vertically like on desktop? Store Design	5	110	April 13, 2024
Spacing between product image and description on mobile Store Design	20	118	July 6, 2022
Scrolling problem on mobile product page Shopify Discussion shop-performance	8	91	November 26, 2022
Product image media fit issues Shopify Discussion troubleshooting	1	37	March 12, 2025

PRODUCT IMAGE MOVES VERTICAL FIX

Related topics