adjusting related products width
authorAnthony Talarico <talarico@gaslightmedia.com>
Fri, 11 Dec 2015 19:08:16 +0000 (14:08 -0500)
committerAnthony Talarico <talarico@gaslightmedia.com>
Fri, 11 Dec 2015 19:08:16 +0000 (14:08 -0500)
style.css

index 4f8d9f7..64fb520 100644 (file)
--- a/style.css
+++ b/style.css
@@ -58,6 +58,7 @@ Text Domain:  galleria
     .storefront-single-product-pagination{
         display: none !important;
     }
+    /* 2 COLUMN DISPLAY IN MOBILE VIEW */
     ul.products li.product {
         width: 48%;
         float: left;
@@ -68,6 +69,16 @@ Text Domain: galleria
         float: right;
         clear: none;
     }
+    .related.products ul.products li.product {
+        width: 48%;
+        float: left;
+        clear: both;
+    }
+
+    .related.products ul.products li.product:nth-child(2n) {
+        float: right;
+        clear: none;
+    }
     
 }
 .single-product .related ul.products li.product, .single-product .upsells ul.products li.product{