Redirect Submenu Direction

This changes the alignment of submenus.  It will align the container to
the RIGHT of the parent (rather than the left as it was doing) and RIGHT
ALIGN the sub-menu items (whereas previously they were left aligned).

This is to address #2790

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 {