From acb7363c8d4edf9b8e34ba1eb38030b60aaf6f84 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Thu, 21 Apr 2016 15:56:59 -0400 Subject: [PATCH] Related products height ajudsted for small --- css/app.css | 7 ++++--- scss/plugins/_woocommerce.scss | 3 ++- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/css/app.css b/css/app.css index 64d1177..231f8e3 100644 --- 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 --- 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; -- 2.17.1