Merge pull request #3013 from Automattic/fix/2790-spearhead-truncated-submenu

Change layout direction of Seedlet Submenu

spearhead/assets/sass/navigation.scss

@@ -29,6 +29,9 @@ $navigation-max-break-point: 'laptop-only';
 		@include media( $navigation-min-break-point ) {
 			padding: calc(0.5 * var(--primary-nav--padding)) calc( 2 * var(--primary-nav--padding) );
 			transition: all 0.15s ease;
+			text-align: right;
+			left: unset;
+			right: 0;
 
 			> .menu-item.menu-item-has-children {
 				padding: calc(0.5 * var(--primary-nav--padding)) calc( 2 * var(--primary-nav--padding) ) 0 0;

spearhead/navigation-rtl.css

@@ -545,6 +545,9 @@
 	.woo-navigation div ul > li > .sub-menu {
 		padding: calc(0.5 * var(--primary-nav--padding)) calc( 2 * var(--primary-nav--padding));
 		transition: all 0.15s ease;
+		text-align: left;
+		right: unset;
+		left: 0;
 	}
 	.primary-navigation div ul > li > .sub-menu > .menu-item.menu-item-has-children,
 	.woo-navigation div ul > li > .sub-menu > .menu-item.menu-item-has-children {

spearhead/navigation.css

@@ -545,6 +545,9 @@
 	.woo-navigation div ul > li > .sub-menu {
 		padding: calc(0.5 * var(--primary-nav--padding)) calc( 2 * var(--primary-nav--padding));
 		transition: all 0.15s ease;
+		text-align: right;
+		left: unset;
+		right: 0;
 	}
 	.primary-navigation div ul > li > .sub-menu > .menu-item.menu-item-has-children,
 	.woo-navigation div ul > li > .sub-menu > .menu-item.menu-item-has-children {