I am currently looking to switch over the Dawn theme but I am struggling to change the product grid the way I need to look. Currently, on the desktop if there are less than 4 items in a specific collection, the product grid will fill the page with the products so basically if there are only 2 items in a collection, the product grid will make each product 50% of the screen which blurs the images and just doesn't look very good. Likewise, on mobile, when there is One product in a collection, it makes it take up the entire screen. I want to make it so that on the desktop there is always 4 products per row and on mobile, there are always 2.
Can someone help me please?
The store is currently locked down for Black Friday so I will attach a screen shot.
As you can see, on Mobile if there are less than 2 products in a collection, the product grid makes image fill the entire page. I want it to remain consistent so that even if there is only one product, it still only fills 50%.
On the desktop version of the site, a similar problem occurs where if there is less than 4 products, the images are sized up to fill the page and this is a big issue if there are only one or two products in a collection as it also blurs the image. I don't understand why this happens because it looks very inconsistent having product images at different sizes for different collections.
I need the mobile product grid to always remain a 2 per row regardless of how many products are in the collection and desktop to be 4 per row. I have inserted some red boxes to hopefully give you an idea of what I need.
You won't be able to see the issue as the site is locked down for Black Friday as stated. I could send you a password but I would have to do that via email as I cannot post that on here as the store is specifically locked from the public until tomorrow.