Product Recommendations Block: all products in one row

Store Design
1

I am using Dawn Theme, and I have an issue with my “You may also like” product recommendation block. In the desktop view there are currently 4 products shown, but only 3 of them are in one row – the 4th is the only one in a second row. So this really looks like a bug.

This happened because I set the view on the collection overview page to 3 products per row. Does anyone have experience with this? I’d like to keep the 3 products per row in the collection overview, but for the product recommendation block I’d like to have all the 4 products in one row, or only display 3 products if thats easier …

1 Like
2

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

3

Hi!

Thank you for your answer. This is the link to my shop:

https://andreakollar.myshopify.com/products/female-power

Bildschirmfoto 2022-02-22 um 14.39.42.png
Bildschirmfoto 2022-02-22 um 14.39.42.png2710×1796 266 KB

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (min-width: 750px){
.product-recommendations .grid--quarter-max.grid--4-col-desktop .grid__item {
max-width: 25% !important;
}
}
1 Like
5

Great – that worked out perfectly, thank you so much!!!

6

Hi! I am using Brooklyn Theme and can’t find base.css