archive products are not responsive

Hi there,

Even when I set the column to 1 (or any number) in Appearance Customization control for mobile, as shown in the woocommerce Product Catalog the columns don’t change either.

It seems that by default the mobile column is set to show 2 columns for the archive producst and you can’t change this in the Customization control panel.

It seems to be a known issue. I tried this css code, but it doesn’t work.

@media (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
float: none;
}
}

Thx.

Cheers.

Catherine.