Skip to content

Instantly share code, notes, and snippets.

@willbroderick

willbroderick/expression-two-per-row.css

Created October 18, 2017 13:41
Show Gist options
  • Save willbroderick/2a1cbff7287ad11641e3db2dd39a13b5 to your computer and use it in GitHub Desktop.
Save willbroderick/2a1cbff7287ad11641e3db2dd39a13b5 to your computer and use it in GitHub Desktop.
Download ZIP
Expression - Two products per-row on mobile
Raw
expression-two-per-row.css
@media only screen and (max-width: 767px) {
#content .productlist .product { width: 48%; }
#content .productlist .product:nth-child(2n+1) { margin-left: 4%; }
#page-collection #content .productlist .product:nth-child(2n) { margin-left: 4%; }
#page-collection #content .productlist .product:nth-child(2n+1) { margin-left: 0; }
#content .productlist .product .foot .buttoncont, #content .productdetail .buttoncont { max-width: 100%; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment