Related products height ajudsted for small

diff --git a/css/app.css b/css/app.css
index 64d1177..231f8e3 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7113,14 +7113,15 @@ main.woocommerce, div.woocommerce {
       margin-bottom: 10px; }
     main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, main.woocommerce .main.woo-single-product #content .related ul.products li.product, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, div.woocommerce .main.woo-single-product #content .related ul.products li.product {
       width: 33.33%;
+      height: 300px;
       float: left;
       clear: none;
       padding: 10px;
-      margin: 0;
-      height: 300px; }
+      margin: 0; }
       @media only screen and (max-width: 40em) {
         main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, main.woocommerce .main.woo-single-product #content .related ul.products li.product, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, div.woocommerce .main.woo-single-product #content .related ul.products li.product {
-          width: 50%; } }
+          width: 50%;
+          height: 260px; } }
       main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child img, main.woocommerce .main.woo-single-product #content .related ul.products li.product img, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child img, div.woocommerce .main.woo-single-product #content .related ul.products li.product img {
         padding-right: 0;
         max-height: 172px;

diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index 8a601f4..b205d95 100644 (file)
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -817,14 +817,15 @@ div.woocommerce {
         .related ul.products li.product:last-child,
         .related ul.products li.product {
             width: 33.33%;
+            height: 300px;
             @media #{$small-only} {
                 width: 50%;
+                height: 260px;
             }
             float: left;
             clear: none;
             padding: 10px;
             margin: 0;
-            height: 300px;
             img {
                 padding-right: 0;
                 max-height: 172px;