Display 2 products per row on mobile view

Having the same issue looking for a solution

Tis is how i do it using a add CSS plugin! copy and paste the code below

/*Filters above the page, no below products*/
@media( max-width: 767px ) {
.woocommerce.post-type-archive .module-small-shop .container {
display: table;
}

.woocommerce.post-type-archive .module-small-shop .container .shop-with-sidebar {
display: table-footer-group;
}
}

/*2 rows products on mobile*/
@media (max-width: 768px) {
ul.products li.product{
width: 48%!important;
float: left!important;
clear: both;
}

ul.products li.product:nth-child(2n) {
clear: none;
float: right;
}
}

@matibrasili that didn’t work for me ?? what does @media refer to? Do I need to change that on my site?

Can you give me your link so I can take a look at it?
My site is https://www.jugueteriadelicias3.com.ar you can check it’s working right on Mobile.
With “@media (max-width: 768px) {” I’m telling the site that if you are viewing my webpage on a small screen (up to 768 px) do de code below. Else (on a laptop or other big devices) don’t do it.

Hi,

In the latest update of the theme, we are displaying 2 products per row on mobile.

Could you please let me know if everything is ok?

Regards,
Rodica