Jump to content

Display a different image when my website is viewed from a mobile/tablet

Recommended Posts

Site URL: https://solvsdesign.com/

Hello everyone,

I hope someone can help me. Here's the problem with my website:
There are 2 images on my website that when viewed from a mobile or a tablet become way too small to be balanced(resulting in a disproportion with the surrounding elements) and also too small to read.
I'd like to know if there is any way(even through css injection) I can set the website so that when browsed from a smaller device(less than 900px?) instead of resizing the existing img, it retrieves a different img specifically re-arranged for the smaller available space.

Here's my website https://solvsdesign.com/
The first image is right there under the heading. It's the text "floating" above the ink splash video. Just a png text with a transparent bg.

Second image is right under the profile photo, the one that says "Quod facio, Valde facio". Same as above, png text with transparent bg.

Thanks in advance for any help and my apologies for my subpar english 🙂

 

Link to comment
  • Replies 3
  • Views 431
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.