Skip to content

Instantly share code, notes, and snippets.

@mikeoberdick
Created August 8, 2018 12:18
Show Gist options
  • Save mikeoberdick/bc1ba5ad2e4b28a3eb373ca5e080141b to your computer and use it in GitHub Desktop.
Save mikeoberdick/bc1ba5ad2e4b28a3eb373ca5e080141b to your computer and use it in GitHub Desktop.
Spectrum Art Gallery Responsive WooCommerce Products
/* Designs 4 The Web */
/* Single Column Products */
@media screen and (max-width : 636px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
}
/* Two Column Products */
@media screen and (min-width: 637px) and (max-width : 948px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 48%;
}
}
/* Three Column Products */
@media screen and (min-width: 949px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
padding-right: 1%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment