Hello All,
I am using BROOKLYN theme, My issue is… When browsing on mobile phone the products are displayed per entire screen and have to scroll up to see the next product. I want to display more than one product per screen. Some web sites like Amazon etc show 2 to 4 products in a single frame.
my Shopify theme is Brooklyn. Request if some one knows a fix to achieve the above
Advance thanks,
@KetanKumar : I saw your response to some one with the similar post. I tried implementing your solution but failed. I might be doing something wrong. Please help
Satya
1 Like
@sdasaraju
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Thanks for your quick response.
My site URL is: www.kalamcreations.com
Appreciate your help
Satya
@sdasaraju ,
@media only screen and (max-width: 768px) {
.grid__item.grid-product.medium--one-half.large--one-third {
float: left;
width: 50%;
padding: 3px;
}
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
1 Like
Hello Oscprofessional,
Thank you very much for your help. The worked perfectly. However I am seeing a small issue, some screens have two products in a row… but in rows only one product is showing up (please see the sceen shots below). I am suspecting it could be the picture sizes. can you suggest what should be the ideal size for product picture. Thanks in advance:
PREVIEW
@sdasaraju ,
.grid-uniform { display: flex; flex-wrap: wrap; }
Use this CSS.
Thank you very much my friend. It worked.
Appreciate your help 
Satya
Hi, I’m having the same issue. So copied the code and put under theme-styles.scss.liquid, since there wasn’t exactly same folder; theme.scss.liquid. Please, help me with this issue. Thank you in advance for your help and time.
cant find the theme.scss.liquid please help
