Morden: Cleanup WC grid widgets to work with widget area layout.

morden/sass/style-child-theme-woocommerce.scss

@@ -39,3 +39,23 @@
  * WooCommerce Styles
  */
 @import "../../varia/sass/vendors/woocommerce/style";
+
+/**
+ * Remove grid-products flexbox layout
+ */
+
+@include media(mobile) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+
+		display: inherit;
+
+		& > li {
+			width: inherit;
+
+			&:nth-child(3n+2):last-child {
+				margin-left: inherit;
+				margin-right: inherit;
+			}
+		}
+	}
+}

morden/style-woocommerce-rtl.css

@@ -2069,3 +2069,19 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 		margin-left: auto;
 	}
 }
+
+/**
+ * Remove grid-products flexbox layout
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		width: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-right: inherit;
+		margin-left: inherit;
+	}
+}

morden/style-woocommerce.css

@@ -2069,3 +2069,19 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 		margin-right: auto;
 	}
 }
+
+/**
+ * Remove grid-products flexbox layout
+ */
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
+		display: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
+		width: inherit;
+	}
+	body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
+		margin-left: inherit;
+		margin-right: inherit;
+	}
+}