Search Result - Only shows 1 per row (Mobile)

[tdc757]

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/

[tdc757]

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.

[Kyle_liu]

Hi  @tdc757 

Edit theme.css

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

[tdc757]

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

[Kyle_liu · Accepted solution]

height: 350px;

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