Jump to content

Using different images on a page - desktop vs mobile

Recommended Posts

Hey @tuanphan @Jia

I am having an issue and you guys have both helped me immensely in the past so I am hoping to get your direct advice.

I need to make one image show up in the first section on my homepage when I am on desktop, 

and then ANOTHER, different image show up in the same section, on the homepage, but this time - on mobile only.

I have tried a tutorial and done the following CCS (but in the page code heading injector): 

45476423_ScreenShot2022-03-29at6_55_26pm.thumb.png.b716b61bf52c7ef1386e592b6098693c.png

But it didn't work.

This is what I currently get:

90462659_ScreenShot2022-03-29at6_54_05pm.thumb.png.f8457095d4ec328b1fad8a5079d3c6f4.png

I want to use this for mobile:

190488357_phoneheader-01.thumb.png.7edc275d0209967635b13f90784c1474.png  

and this for desktop:

2105634962_websiteheader-01.thumb.png.75d2a075e93daa4b0f8797d977cf65a6.png

Link to comment
  • Susana_SQSP changed the title to Using different images on a page - desktop vs mobile
  • Replies 1
  • Views 354
  • 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.