Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
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;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment