Jump to content

7.1 help - different banner image for mobile?

Recommended Posts


anybody here know how to get a different banner image to display on mobile only? (using squarespace 7.1)

here's what I'm trying for custom css...(using a color image to see if it works easier)

@media screen and  (max-width:767px) {
#collection-5da7ebea7bed65372db92fc5 #section background{ background-image: url("https://static1.squarespace.com/static/5da62a583a2bd04688ad1455/t/5dbc1afe54a8c11b2343868e/1572608767139/mobile-contact.jpghttps://static1.squarespace.com/static/5da62a583a2bd04688ad1455/t/5dbc1c38013bfa0a88fdc15a/1572609080827/color-orange.jpg");  background-position: center center;  background-size: cover;  background-attachment: fixed;  background-repeat: no-repeat;}  }


Link to comment
  • Replies 4
  • Views 1k
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.