From: Laury GvR Date: Thu, 21 Apr 2016 19:56:59 +0000 (-0400) Subject: Related products height ajudsted for small X-Git-Tag: v1.0.0^2~11 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=acb7363c8d4edf9b8e34ba1eb38030b60aaf6f84;p=WP-Themes%2Fjollylama.git Related products height ajudsted for small --- 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;