Fix the menu container class.

alves/style-rtl.css

@@ -4491,7 +4491,7 @@ body:not(.fse-enabled) #masthead {
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
 		margin-top: -2px;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4503,7 +4503,7 @@ body:not(.fse-enabled) #masthead {
 		border-radius: 4px;
 		text-align: right;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}

alves/style.css

@@ -4520,7 +4520,7 @@ body:not(.fse-enabled) #masthead {
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
 		margin-top: -2px;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4532,7 +4532,7 @@ body:not(.fse-enabled) #masthead {
 		border-radius: 4px;
 		text-align: left;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}

barnsbury/style-rtl.css

@@ -4420,14 +4420,23 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: left;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.71818rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4437,9 +4446,19 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		padding: 0 16px 8px;
 		border: 1px solid #3C2323;
 		border-radius: 5px;
+		text-align: right;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		left: 16px;
+		right: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 5px;
+	}
 }

barnsbury/style.css

@@ -4449,14 +4449,23 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: right;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.71818rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4466,9 +4475,19 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		padding: 0 16px 8px;
 		border: 1px solid #3C2323;
 		border-radius: 5px;
+		text-align: left;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		right: 16px;
+		left: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 5px;
+	}
 }

dalston/header.php

@@ -63,9 +63,10 @@ $header_classes .= $has_primary_nav ? ' has-menu' : '';
 					<?php
 					wp_nav_menu(
 						array(
-							'theme_location' => 'menu-1',
-							'menu_class'     => 'main-menu',
-							'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
+							'container_class' => 'main-menu-container',
+							'theme_location'  => 'menu-1',
+							'menu_class'      => 'main-menu',
+							'items_wrap'      => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 						)
 					);
 					?>

dalston/style-rtl.css

@@ -4297,14 +4297,23 @@ a {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: left;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.75614rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4314,11 +4323,21 @@ a {
 		padding: 0 16px 8px;
 		border: 1px solid #CCCCCC;
 		border-radius: 4.75px;
+		text-align: right;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		left: 16px;
+		right: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 4.75px;
+	}
 }
 
 @media only screen and (max-width: 559px) {

dalston/style.css

@@ -4326,14 +4326,23 @@ a {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: right;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.75614rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4343,11 +4352,21 @@ a {
 		padding: 0 16px 8px;
 		border: 1px solid #CCCCCC;
 		border-radius: 4.75px;
+		text-align: left;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		right: 16px;
+		left: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 4.75px;
+	}
 }
 
 @media only screen and (max-width: 559px) {

hever/style-rtl.css

@@ -4497,14 +4497,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: left;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.75614rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4514,11 +4523,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		padding: 0 16px 8px;
 		border: 1px solid #C5C5C5;
 		border-radius: 5px;
+		text-align: right;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		left: 16px;
+		right: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 5px;
+	}
 }
 
 /**

hever/style.css

@@ -4526,14 +4526,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: right;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.75614rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4543,11 +4552,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		padding: 0 16px 8px;
 		border: 1px solid #C5C5C5;
 		border-radius: 5px;
+		text-align: left;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		right: 16px;
+		left: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 5px;
+	}
 }
 
 /**

mayland/style-rtl.css

@@ -4326,14 +4326,23 @@ strong {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: left;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.69444rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4343,11 +4352,21 @@ strong {
 		padding: 0 16px 8px;
 		border: 1px solid #e6e6e6;
 		border-radius: 5px;
+		text-align: right;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		left: 16px;
+		right: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 5px;
+	}
 }
 
 @media only screen and (max-width: 559px) {

mayland/style.css

@@ -4355,14 +4355,23 @@ strong {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: right;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.69444rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4372,11 +4381,21 @@ strong {
 		padding: 0 16px 8px;
 		border: 1px solid #e6e6e6;
 		border-radius: 5px;
+		text-align: left;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		right: 16px;
+		left: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 5px;
+	}
 }
 
 @media only screen and (max-width: 559px) {

morden/header.php

@@ -64,9 +64,10 @@ if ( function_exists( 'wp_body_open' ) ) {
 						<?php
 						wp_nav_menu(
 							array(
-								'theme_location' => 'menu-1',
-								'menu_class'     => 'main-menu',
-								'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
+								'container_class' => 'main-menu-container',
+								'theme_location'  => 'menu-1',
+								'menu_class'      => 'main-menu',
+								'items_wrap'      => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 							)
 						);
 						?>

morden/sass/_extra-child-theme.scss

@@ -647,14 +647,22 @@ article .entry-header .entry-title,
 			margin: 0;
 			justify-self: end;
 
+			#toggle-cart[for="woocommerce-toggle"].button,
 			#toggle-menu {
 				padding: (1.5 * $baseline-unit);
 				display: inline-block;
 				text-align: center;
+				justify-self: end;
 				font-size: #{map-deep-get($config-global, "font", "size", "xs" )};
 			}
+			#toggle-cart[for="woocommerce-toggle"] {
+				margin-top: $baseline-unit;
+			}
+			#toggle-cart[for="woocommerce-toggle"].button svg {
+				margin-top: -2px;
+			}
 
-			.menu-main-menu-container {
+			.main-menu-container {
 				margin-top: $baseline-unit;
 				position: absolute;
 				z-index: 100;
@@ -664,15 +672,28 @@ article .entry-header .entry-title,
 				background: #{map-deep-get($config-global, "color", "foreground", "dark") };
 				padding: 0 (2 * $baseline-unit) $baseline-unit;
 				border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
-			}
 
-			.menu-main-menu-container {
 				a {
 					padding: $baseline-unit 0;
 					line-height: 1;
 					font-weight: normal;
 				}
 			}
+
+			.woocommerce-cart-widget {
+				background: #{map-deep-get($config-global, "color", "foreground", "dark") };
+				border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
+				padding: $baseline-unit (2 * $baseline-unit );
+			}
+
+			.woocommerce-menu-container {
+				text-align: left;
+				position: absolute;
+				left: 0;
+				right: 0;
+				margin-top: 6 * $baseline-unit;
+
+			}
 		}
 	}
 }

morden/style-rtl.css

@@ -4591,13 +4591,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		margin: 0;
 		justify-self: end;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.75614rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4608,11 +4616,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		padding: 0 16px 8px;
 		border-radius: 5px;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 		font-weight: normal;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-cart-widget {
+		background: #101010;
+		border-radius: 5px;
+		padding: 8px 16px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		right: 0;
+		left: 0;
+		margin-top: 48px;
+	}
 }
 
 /**

morden/style.css

@@ -4620,13 +4620,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		margin: 0;
 		justify-self: end;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.75614rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4637,11 +4645,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		padding: 0 16px 8px;
 		border-radius: 5px;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 		font-weight: normal;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-cart-widget {
+		background: #101010;
+		border-radius: 5px;
+		padding: 8px 16px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		left: 0;
+		right: 0;
+		margin-top: 48px;
+	}
 }
 
 /**

rivington/header.php

@@ -63,9 +63,10 @@ $header_classes .= $has_primary_nav ? ' has-menu' : '';
 					<?php
 					wp_nav_menu(
 						array(
-							'theme_location' => 'menu-1',
-							'menu_class'     => 'main-menu',
-							'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
+							'container_class' => 'main-menu-container',
+							'theme_location'  => 'menu-1',
+							'menu_class'      => 'main-menu',
+							'items_wrap'      => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 						)
 					);
 					?>

rivington/style-rtl.css

@@ -4453,14 +4453,23 @@ p:not(.site-title) a:hover {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: left;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.64rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4470,9 +4479,19 @@ p:not(.site-title) a:hover {
 		padding: 0 16px 8px;
 		border: 1px solid #353a46;
 		border-radius: 4.5px;
+		text-align: right;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		left: 16px;
+		right: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 4.5px;
+	}
 }

rivington/style.css

@@ -4482,14 +4482,23 @@ p:not(.site-title) a:hover {
 		grid-row-end: 4;
 		margin: 0;
 		justify-self: end;
+		text-align: right;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.64rem;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
 		margin-top: 8px;
 		position: absolute;
 		z-index: 100;
@@ -4499,9 +4508,19 @@ p:not(.site-title) a:hover {
 		padding: 0 16px 8px;
 		border: 1px solid #353a46;
 		border-radius: 4.5px;
+		text-align: left;
 	}
-	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
+	.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
 		padding: 8px 0;
 		line-height: 1;
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		right: 16px;
+		left: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 4.5px;
+	}
 }

varia/header.php

@@ -63,9 +63,10 @@ if ( function_exists( 'wp_body_open' ) ) {
 					<?php
 					wp_nav_menu(
 						array(
-							'theme_location' => 'menu-1',
-							'menu_class'     => 'main-menu',
-							'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
+							'container_class' => 'main-menu-container',
+							'theme_location'  => 'menu-1',
+							'menu_class'      => 'main-menu',
+							'items_wrap'      => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 						)
 					);
 					?>

varia/sass/components/header/_site-mobile-nav-side.scss

@@ -51,7 +51,7 @@
 				margin-top: -2px;
 			}
 
-			.menu-main-menu-container {
+			.main-menu-container {
 				margin-top: $baseline-unit;
 				position: absolute;
 				z-index: 100;
@@ -64,7 +64,7 @@
 				text-align: left;
 			}
 
-			.menu-main-menu-container {
+			.main-menu-container {
 				a {
 					padding: $baseline-unit 0;
 					line-height: 1;