account layout. closes #11405

Ensures the layout is only applied to desktop-sized displays

assets/css/woocommerce-layout.scss

@@ -329,6 +329,18 @@
 	}
 }
 
+.woocommerce-account {
+	.woocommerce-MyAccount-navigation {
+		float: left;
+		width: 30%;
+	}
+
+	.woocommerce-MyAccount-content {
+		float: right;
+		width: 68%;
+	}
+}
+
 /**
  * Twenty Eleven specific styles
  */

assets/css/woocommerce-smallscreen.scss

@@ -213,6 +213,14 @@
 	}
 }
 
+.woocommerce-account {
+	.woocommerce-MyAccount-navigation,
+	.woocommerce-MyAccount-content {
+		float: none;
+		width: 100%;
+	}
+}
+
 /**
  * Twenty Thirteen specific styles
  */

assets/css/woocommerce.scss

@@ -1557,16 +1557,6 @@ p.demo_store {
 		@include clearfix();
 	}
 
-	.woocommerce-MyAccount-navigation {
-		float: left;
-		width: 30%;
-	}
-
-	.woocommerce-MyAccount-content {
-		float: right;
-		width: 68%;
-	}
-
 	.addresses {
 		.title {
 			@include clearfix();