How to fix blank spots in the collection grid on mobile?

[roberta84]

Hi i’m tryng to modify my brookly theme, and as u can see, only on mobile version, in my collection page.

every now and again there is a blank spot in the grid.

how do i correct it?

https://lamape.eu/collections/tutte

[suyash1]

@roberta84 - please add this css to the very end of your theme.scss file and check

@media screen and (max-width: 600px){
#CollectionSection .grid__item {width: 50%;    min-height: 430px;}
}

[roberta84]

[BSS-Commerce]

Hi @roberta84

We noticed it was still being displayed outside on page 2:

Please follow these steps:

1. From Shopify admin → Online store → Themes → Edit code:


2. You add the following code at the end of the theme.scss.css file:

@media screen and (max-width: 600px){
#CollectionSection .grid__item {
   height: 440px;
  }
}

We hope that this can help you.