Search Result - Only shows 1 per row (Mobile)

Shopify Discussion
1

Hi, I am trying to change my items per row to be 2 per row on mobile when using the search bar on my website. Currently it only shows up as 1 per row on mobile. On other themes there is an option to change this but not on Brooklyn theme which is what I am using. I have linked my shop below:

https://keychainkave.com/

2

Hi, do you have the specific code that is needed? I know how to add it, just let me know the specific code & on what part to add it. Thank you.

3

Hi @tdc757

Edit theme.css

@media only screen and (min-width: 400px) and (max-width: 590px) {
    .medium--one-half {
        width: 50%;
    }
}
4

Hi, this worked but now there is gaps in between them randomly. How can I fix this?

IMG_3898.jpg
IMG_3898.jpg1320×2163 92.2 KB

5

height: 350px;

@media only screen and (min-width: 400px) and (max-width: 590px) {
  .medium--one-half {
    width: 50%;
    height: 350px;
  }
}
1 Like