Mobile Image Versions

[Christina]

Hi Is it possible to use a different image for mobile like shopify does? It makes the mobile version look much better (more vertical taller image). I want the image to be ful width on desktop but it is tiny and illegible on mobile? I am using an image (div) not background image and set it to 100% width. It looks perfect on desktop and not so on mobile,

Thanks

[prakash_s]

Hello @Christina,

Thanks for writing to us.

In case you want to show a different image on the mobile screen, I would suggest you add another Image element and upload the image for the small screen, now you need to show/hide the Image element through the breakpoints. You need to show one Image element on the desktop and hide it on the mobile screen similarly you need to hide another Image element on larger screens and show it on the small screen. Please have a look at the given screenshot below.

Thanks