Changing collection list to one column 8 rows on mobile version

Store Design
1

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

2

@LeoRobert Can you please send me store url?

3

https://uallo.com/

4

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

5

under View all button

Uallo-com-Customize-Brooklyn-Shopify.png
Uallo-com-Customize-Brooklyn-Shopify.png440×657 57.1 KB

6

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

7

Did you solve this problem now?

8

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
9

the code does not work. I got error message