How can I limit the product recommendations section height on desktop?

Store Design
1

I am using the Dawn theme and the section height of the Product recommendations on desktop is crazy big.

How can I limit this section to about 30% high on desktop?

https://islandmeadowclay.myshopify.com/products/summer-romance-mini pw:2022imc

2

@dosekir , :

  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 (min-width: 750px){
product-recommendations .grid__item{
    max-width: 25% !important;
    width: 100% !important;
}

}

diego_ezfy_0-1649189960279.png
diego_ezfy_0-1649189960279.png1340×737 110 KB

Technically speaking, you can’t change the height of a section with code. This would cut the images off and break the design. The best option here is to change the size of each individual product cell.

You can change the values as per your wish:

25% = product width

Kind regards,
Diego

1 Like