Fix Mobile Image Scaling
Budget: €8 – €30 EUR
On my PrestaShop 8.1.7 store running the Volty theme, product-detail images show up tiny on phones, making it hard for shoppers to view the product. The desktop view is fine; the problem is strictly mobile where the pictures refuse to scale and remain locked at a small size.
I need the layout adjusted so the main product image and thumbs render as larger thumbnails that fill the available screen width while keeping crisp quality and preserving Volty’s styling. A clean CSS or template tweak is fine, as long as it survives theme updates or can be documented so I can re-apply it later.
Please:
• Identify the rule(s) preventing responsive scaling.
• Implement the fix and test on common breakpoints (iOS Safari, Android Chrome, 375-420 px width).
• Leave a brief note of what was changed (file names, lines, or custom CSS added) so I can track future updates.
No other visual elements should shift; I’m focused solely on making these product images comfortably viewable on mobile for a smoother shopping experience.
I need the layout adjusted so the main product image and thumbs render as larger thumbnails that fill the available screen width while keeping crisp quality and preserving Volty’s styling. A clean CSS or template tweak is fine, as long as it survives theme updates or can be documented so I can re-apply it later.
Please:
• Identify the rule(s) preventing responsive scaling.
• Implement the fix and test on common breakpoints (iOS Safari, Android Chrome, 375-420 px width).
• Leave a brief note of what was changed (file names, lines, or custom CSS added) so I can track future updates.
No other visual elements should shift; I’m focused solely on making these product images comfortably viewable on mobile for a smoother shopping experience.