Jump to content

Is there a way for me to have a different image for the desktop version of my website and the mobile version of my website?

Recommended Posts

  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Link to the website so we can assist better.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment

You can add this to Website Tools (under Not Linked ) > Custom CSS to replace with new image on mobile. Replace Pixabay with your image url

/* Mobile amazon image */
@media screen and (max-width:767px) {
[data-section-id="6515a21a10013648dbcdb96a"] img {
    content: url(https://cdn.pixabay.com/photo/2023/09/01/12/58/handcraft-8226964_1280.jpg);


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.