WC: Use single column under 600px

Resolves #339.
siteorigin · Aug 26, 2018 · 67cfba9 · 67cfba9
1 parent 28e8b8b
commit 67cfba9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 19 deletions.
diff --git a/sass/woocommerce/_archives.scss b/sass/woocommerce/_archives.scss
@@ -125,10 +125,11 @@
 					width: 17.68%;
 				}
 
-				@media (max-width: 768px) {
+				@media (max-width: 600px) {
+
 					@at-root body.responsive#{&} {
-						width: 48%;
-						margin: 0 0 2.992em;
+						margin-right: 0;
+						width: 100%;
 					}
 				}
 
@@ -169,21 +170,15 @@
 				display: flex;
 				flex-wrap: wrap;
 
+				@media (max-width: 600px) {
+					display: block;	
+				}
+
 				.button {
 					margin-top: auto;
 					margin-right: auto;
 					margin-left: auto;
 				}
-
-				@media (max-width: 768px) {
-
-					@at-root body.responsive#{&} {
-
-						&:nth-of-type(2n) {
-							margin-left: auto;
-						}
-					}
-				}				
 			}
 		}
 	}

diff --git a/woocommerce.css b/woocommerce.css