How can I display two products per row on mobile view?

Store Design
1

Hello,

I tried to find any solution but nothing worked.

I wanna show 2 products in 1 row on a mobile view.

https://talmaslavi.com/

Thank you for your help!

2

Hi @LielBom , add the below code to your theme’s CSS file.

@media screen and (max-width: 749px) {
   .grid--1-col-tablet-down .grid__item {
       width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
   } 
}
3

.grid–1-col-tablet-down .grid__item

go to base.css file and find this class on line no 981 and coment the code max-width:100%
you are overding the properties of the default theme settng.

Danishshopdev_0-1702380432308.png
Danishshopdev_0-1702380432308.png445×253 9.46 KB

4

I tried, but unfortunately, that didn’t change anything.