Reply To: Dynamic Tables for Mobile and Desktop

Add:

.woocommerce ul.products li.product .onsale {
  left: 0;
  right: auto;
}

And update:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: 100%;
}

to:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background: #f6f6f6;
  box-sizing: border-box;
  min-height: 360px;
  padding: 10%;
  text-align: center;
  width: 100%;
}

And update:

.woocommerce ul.products li.product a img {
  max-height: 150px;
  width: auto;
}

to:

.woocommerce ul.products li.product a img {
  margin: 10px auto;
  max-height: 150px;
  width: auto;
}