Mobile vs Desktop image configuration

Site URL: https://www.lualinteriors.com/

Hello, im building a website and im having trouble with the image format of one particular image (top one) on the website. The picture is indeed a bit large but when i set the format as a size "L" on the desktop version, it displays as it should but the mobile version crops it alot while all the other images get resized. Then if i edit the format size of that image on the mobile version for an "S", it fixes the issue but messes up the desktop version because that setup size applies to both versions (desktop and mobile).

Is there a way to set up the format size of the image independently for desktop and mobile? Like having that top image with a size "L" on the desktop version and "S" on the mobile one?

Thanks in advance.

On 10/4/2021 at 4:53 AM, Gizela said:

Site URL: https://www.lualinteriors.com/

Hello, im building a website and im having trouble with the image format of one particular image (top one) on the website. The picture is indeed a bit large but when i set the format as a size "L" on the desktop version, it displays as it should but the mobile version crops it alot while all the other images get resized. Then if i edit the format size of that image on the mobile version for an "S", it fixes the issue but messes up the desktop version because that setup size applies to both versions (desktop and mobile).

Is there a way to set up the format size of the image independently for desktop and mobile? Like having that top image with a size "L" on the desktop version and "S" on the mobile one?

Thanks in advance.

Hi,

2 ways

W1. Which image you want to resize on mobile? We can give some code to fix this

W2. Add 2 images, then we will give code to show 1 on desktop, show 1 on mobile