Jump to content

Different image on mobile and desktop

Recommended Posts

  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

10 hours ago, Sauceboss770 said:


Password website

Help with clients website i want a separate image on my mobile home section i found some video but it was putting the image on all my pages

One idea you can try is adding both section for desktop and section for mobile. Then you can use custom CSS with media query to set your sections visible on the right breakpoint

/*mobile breakpoint*/
@media only screen and (max-width: 767px) {
  /*set display none for desktop section*/

/*desktop breakpoint*/
@media only screen and (min-width: 768px) {
  /*set display none for mobile section*/


BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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.