Changing collection list to one column 8 rows on mobile version

Hi, can some one please help me get collection list appears one column 8 rows on mobile view. I’m using Brooklyn theme. Would be great if someone can provide me code and point out which file it go to?

Thanks

@LeoRobert Can you please send me store url?

https://uallo.com/

Hi @LeoRobert ,

What part are you talking about? Can you take a picture of the part you want to edit so I can help you?

Thanks you

under View all button

Hi @LeoRobert ,

Add this below code inside your theme.SCSS.liquid file bottom.

@media screen and (max-width: 590px){
.collection-collage__item.one-half {
height: 130px;
width: 100%;
}

}

Kind Regards,
JasHet
Shopify Developer

Did you solve this problem now?

HI @LeoRobert ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (max-width: 590px) {
    #shopify-section-featured-collections .collection-grid .grid__item {
    width: 100%;
    height: auto;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like

the code does not work. I got error message