Jump to content

images two/three per row

Recommended Posts

Hello! 

Please help...We used to have two/three images in a line on mobile view (fine on desktop view) using a code we found on the forum I'm not sure if that code has now expired because my images have now gone to one per line stacking on top of each other. I tried a few more codes from here but they unfortunately haven't worked. We have so many products to sell we need more than one on each line otherwise our customers will be searching forever to find the right thing. 

https://www.thecotswoldhatclub.co.uk/shop

Any advice would be super helpful! 

Thanks! 

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Try adding this to Custom CSS for 3 per row:

@media only screen and (max-width: 767px) {
  .products.collection-content-wrapper .list-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .products.collection-content-wrapper .grid-main-meta .grid-title {
    font-size: 1rem;
  }
}

This is for 2 per row:

@media only screen and (max-width: 767px) {
  .products.collection-content-wrapper .list-grid {
    grid-template-columns: 1fr 1fr;
  }
  .products.collection-content-wrapper .grid-main-meta .grid-title {
    font-size: 1.4em;
  }
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
13 minutes ago, Frankie18 said:

Yes! Worked perfectly thanks so much! Super grateful! 

Glad that worked, can you mark my post as the answer and give it a like? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.