Jump to content

How to make images appear 3 per row in mobile

Recommended Posts

13 minutes ago, Millijane said:

Site URL: http://www.millijane.com/abstract_art

Hi, I am using image blocks and on my main website they appear 4 per row, on mobile it is one by one. How do I make it appear to a custom amount maybe 2 or 3 per row? 



Try adding this to Design->Custom CSS

@media only screen and (max-width: 640px) {
        #page-5ffa737d7f5beb333bfbce82 > .row:nth-child(1) .sqs-col-3,
        #page-5ffa737d7f5beb333bfbce82 > .row:nth-child(2) .sqs-col-3 {
          width: 50% !important;
           float: left !important;


Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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.