Balasana: Revert menu display to original appearance when WooCommerce is not active.

balasana/sass/_extra-child-theme.scss

@@ -76,11 +76,9 @@ dt {
 // Site Header
 .site-header {
 
-	@include media(mobile) {
-		align-items: center;
-		display: flex;
-		justify-content: space-between;
-	}
+ 	align-items: center;
+ 	display: flex;
+ 	justify-content: space-between;
 
 	& > * {
 		margin-top: 0;

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

@@ -48,6 +48,7 @@ body[class*="woocommerce"] #page {
 
 		#masthead {
 			position: relative;
+			display: inherit; // Remove flexbox to allot space for the mini-cart toggle
 
 			.site-branding {
 				margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};

balasana/style-rtl.css

@@ -3724,12 +3724,10 @@ dt {
 /**
  * Header
  */
-@media only screen and (min-width: 560px) {
-	.site-header {
-		align-items: center;
-		display: flex;
-		justify-content: space-between;
-	}
+.site-header {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
 }
 
 .site-header > * {

balasana/style-woocommerce-rtl.css

@@ -2188,6 +2188,7 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 @media only screen and (max-width: 559px) {
 	body[class*="woocommerce"] #page #masthead {
 		position: relative;
+		display: inherit;
 	}
 	body[class*="woocommerce"] #page #masthead .site-branding {
 		margin-bottom: 16px;

balasana/style-woocommerce.css

@@ -2188,6 +2188,7 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 @media only screen and (max-width: 559px) {
 	body[class*="woocommerce"] #page #masthead {
 		position: relative;
+		display: inherit;
 	}
 	body[class*="woocommerce"] #page #masthead .site-branding {
 		margin-bottom: 16px;

balasana/style.css

@@ -3753,12 +3753,10 @@ dt {
 /**
  * Header
  */
-@media only screen and (min-width: 560px) {
-	.site-header {
-		align-items: center;
-		display: flex;
-		justify-content: space-between;
-	}
+.site-header {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
 }
 
 .site-header > * {