neilgee
6/5/2017 - 8:33 PM

Flexbox on WooCommerce Products

Flexbox on WooCommerce Products

/* Flexbox on WooCommerce archive products */
.woocommerce .products ul,
.woocommerce ul.products {
    display: flex;
    flex-flow: row wrap;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex;
    flex-flow: column nowrap;
}

.woocommerce ul.products li.product .button {
    margin-top: auto;
    display: table;
}