How to have 2 columns for product list on mobile?

Store Design
1

Hello,

How are you?
Would you be able to help me change my featured collection list to go from 1 column to 2?

Thank you,
Katherine

2

Hello There,

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

3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

Hello,
I’m using Brooklyn. Here’s my site https://lovekatjewellery.com/ Password is ONEbillion
Thank you!

5

Hi @katherinemendin ,

Go to Assets > timber.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 768px) {
  #CollectionSection .grid-uniform .grid__item{
        width: 50% !important;
  }
}

Hope it helps!

6

Please add below code in assets/timber.scss.css file.

@media only screen and (max-width:768px){

display: flex;

flex-wrap: wrap;

width: 100%;

}

Thank you.

7

This worked great but i’m having a gap/missing one space in my column, please help

Screen Shot 2022-01-29 at 9.08.31 pm.png
Screen Shot 2022-01-29 at 9.08.31 pm.png708×1414 66.6 KB

8

Hi @katherinemendin ,

Please add code:

@media only screen and (max-width: 768px) {
  #CollectionSection .grid-uniform{
            display: flex !important;
    flex-wrap: wrap !important;
  }
}

Hope it helps!

9

I am having trouble with this. I cannot find where to put the code

www.illuminateyourvibe.com