Jump to content

Mobile vs Desktop image configuration

Recommended Posts

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.

Link to comment
  • Replies 1
  • Views 322
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.