How can I make 2 products per row instead of 1 on mobile view - theme GRID

www.telasdefabrica-com.myshopify.com

On desktop I have option up to 4 products per row, but on mobile only 1 products per row. I would like to have to. Can you help me , thank you!

Hey @yankased ,

I have totally understood your issue, You wanted to showcase two of the collections on the homepage while using in the homepage, To check that I would like to know what theme you are using or if you want to change that by yourself you can try these steps

Go to your theme editor and check the “media frames” in the CSS file of that section and try resizing them to the mobile media frames. With this, I feel you will be able to achieve your desired results or I can help you do that.

I use THEME GRID

https://themes.shopify.com/themes/grid/styles/bright

Actually, in the CSS code, all they have used is “display: block” with 100% Width, So changing it to “display:inline-block” with width adjustments can really help you in achieving the desired design.

Thank you.

I am new in this and really dont know how to change it. Can you send me step by step instruccion?

May be we could connect through my website and do the changes if you have no issues?

I’m not sure it’s a good idea. You have to bear in mind that some people have old phones and two products in one line may not be optimal for everyone.