I have a problem when displaying woocomerce products on my mobile phone

Hi @marko015,

This can happen because there isn’t enough space to diplay them in one row, and it wouldn’t look good. However, you can go to Appearance -> Customize -> WooCommerce -> Product Catalog and change how many rows per page or how many products per row you want to display.
Here is a screenshot that can help.

When the executive changes the look for the mobile phone, the settings for the computer are automatically changed, and the look stays the same as before, the products on the mobile are in two columns instead of one. Is there any css or php code that I could use to solve this, or some other way?

https://www.photobox.co.uk/my/photo/full?photo_id=503145799482

https://powermailchimp.profisajt.com/

Hey @marko015,

Please add the following code to your Appearance -> Customize -> Additional CSS:

@media only screen and (max-width: 600px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
         width: 100% !important;
   }
}

It looks like this for me now: https://prnt.sc/tuab7f.

Hope that helps!