CSS guidance needed for mobile page view

[riwaya]

Hello,

Can someone help me, I want to show rows of 2 products on my landing page for mobile. However, currently on the mobile view there is only one product shown at a time

Is there any quick fix that I can put in user css class box for my block to sort this out?

[ecomlabs]

Please try the following solution

Products In 2 Columns

It depends on the columns amount you use. Try to add to CSS section of the Theme editor @media screen and (max-width: 480px) { .ty-column3, .ty-column4, .ty-column5 { width: 50% !important; } }

[bugtreat]

Basically! tweaking the CSS codes of the products’ layout, depends on the theme integrated into the store, Looking through the main box container ‘’. however, we achieve by providing this, it still needs some customizations to achieve the desired grid view of products.