images two/three per row

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! 

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;
  }
}

Yes! Worked perfectly thanks so much! Super grateful! 

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!