How can I adjust slideshow image dimensions for mobile view?

Store Design
, , ,

Topic summary

A user is experiencing issues with slideshow images (1080x1920 px) appearing cropped on smaller mobile devices like the iPhone SE.

Current Behavior:

  • The slideshow uses responsive design with different image sources for different devices
  • Desktop/tablet displays one version (PRESS_POUR_WEB_2000x.jpg)
  • Mobile devices display a different, cropped version (PHONE_800x.jpg)

Proposed Solution:
To display the same image across all devices, remove the srcset attribute from the <img> tag and keep only the src attribute with the desired image URL. This will prevent automatic image switching based on device type.

Status: The issue stems from intentional responsive design rather than a bug. A technical workaround has been provided but the discussion appears to be awaiting confirmation from the original poster.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hello,
My images on SLIDESHOW are 1080x1920 px but they are crop on a lot of small mobile (Iphone SE for example).

How can I code to have it in them real dimensions ?

Thanks

https://10-03-53.com/pages/presse

2

Hello @baptistefrst ,

Your slideshow is not cropped, but in fact, it is designed with different images for different devices. This will make your photos easier to see on small devices. As on your website, with the first slide show, there are 2 image src lines for device types as below:

However, if you want them to be the same across device types, you can remove the srcset attribute on your img tag and add the src=" https://10-03-53.com/cdn/shop/files/PRESS_POUR_WEB_2000x.jpg?v=1700741171