fix the menu close button

seedlet/assets/css/style-navigation-rtl.css

@@ -16,6 +16,12 @@
 	}
 }
 
+.lock-scrolling .menu-button-container > .button {
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+
 .menu-button-container #primary-open-menu {
 	margin-right: auto;
 	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
@@ -23,6 +29,7 @@
 	margin-left: calc(0.25 * var(--global--spacing-unit));
 }
 
+.admin-bar.lock-scrolling .menu-button-container > .button,
 .admin-bar:not(.primary-navigation-open) .menu-button-container {
 	top: 46px;
 }
@@ -176,21 +183,11 @@
 	transform: translateY(0);
 }
 
-.lock-scrolling .primary-navigation > .button, .lock-scrolling
-.woo-navigation > .button {
-	position: fixed;
-	top: 0;
-	left: 0;
-}
-
 .admin-bar .primary-navigation,
-.admin-bar .primary-navigation > div,
-.admin-bar.lock-scrolling .primary-navigation > .button, .admin-bar
+.admin-bar .primary-navigation > div, .admin-bar
 .woo-navigation,
 .admin-bar
-.woo-navigation > div,
-.admin-bar.lock-scrolling
-.woo-navigation > .button {
+.woo-navigation > div {
 	top: 46px;
 }
 

seedlet/assets/css/style-navigation.css

@@ -16,6 +16,12 @@
 	}
 }
 
+.lock-scrolling .menu-button-container > .button {
+	position: fixed;
+	top: 0;
+	right: 0;
+}
+
 .menu-button-container #primary-open-menu {
 	margin-left: auto;
 	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
@@ -23,6 +29,7 @@
 	margin-right: calc(0.25 * var(--global--spacing-unit));
 }
 
+.admin-bar.lock-scrolling .menu-button-container > .button,
 .admin-bar:not(.primary-navigation-open) .menu-button-container {
 	top: 46px;
 }
@@ -176,21 +183,11 @@
 	transform: translateY(0);
 }
 
-.lock-scrolling .primary-navigation > .button, .lock-scrolling
-.woo-navigation > .button {
-	position: fixed;
-	top: 0;
-	right: 0;
-}
-
 .admin-bar .primary-navigation,
-.admin-bar .primary-navigation > div,
-.admin-bar.lock-scrolling .primary-navigation > .button, .admin-bar
+.admin-bar .primary-navigation > div, .admin-bar
 .woo-navigation,
 .admin-bar
-.woo-navigation > div,
-.admin-bar.lock-scrolling
-.woo-navigation > .button {
+.woo-navigation > div {
 	top: 46px;
 }
 

seedlet/assets/sass/components/navigation/_style.scss

@@ -13,6 +13,13 @@
 		display: block;
 	}
 
+	// Adjust button postion when scrolling is locked
+	.lock-scrolling & > .button {
+		position: fixed;
+		top: 0;
+		right: 0;
+	}
+
 	#primary-open-menu {
 		margin-left: auto;
 		padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
@@ -20,6 +27,7 @@
 		margin-right: calc(0.25 * var(--global--spacing-unit));
 	}
 
+	.admin-bar.lock-scrolling & > .button,
 	.admin-bar:not(.primary-navigation-open) & {
 		top: 46px;
 	}
@@ -152,17 +160,9 @@
 
 	}
 
-	// Adjust button postion when scrolling is locked
-	.lock-scrolling & > .button {
-		position: fixed;
-		top: 0;
-		right: 0;
-	}
-
 	// Adjust positions when logged-in
 	.admin-bar &,
-	.admin-bar & > div,
-	.admin-bar.lock-scrolling & > .button {
+	.admin-bar & > div {
 		top: 46px;
 	}