layout tweaks

spearhead/assets/sass/_header.scss

@@ -3,6 +3,10 @@
 		padding: var(--global--spacing-horizontal) var(--global--spacing-horizontal);
 
 		@include media( mobile-only ){
+			.site-title {
+				margin: 0;
+			}
+
 			.site-description {
 				display: none;
 			}
@@ -16,6 +20,10 @@
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 
+	@include media( mobile-only ){
+		align-items: center;
+	}
+
 	.site-branding {
 		flex-grow: 1;
 		text-align: left;
@@ -67,11 +75,16 @@
 		ul {
 			justify-content: flex-end;
 			flex-wrap: nowrap;
+
+			li {
+				margin: 0;
+				padding: 0 0 0 var(--social-nav--padding);
+			}
 		}
 
 		li:first-of-type > a,
 		a {
-			padding: 0 0 0 var(--social-nav--padding);
+			padding: 0;
 
 			&:hover {
 				border-color: transparent;

spearhead/navigation-rtl.css

@@ -19,6 +19,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)));
@@ -26,6 +32,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;
 }
@@ -179,21 +186,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;
 }
 

spearhead/navigation.css

@@ -19,6 +19,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)));
@@ -26,6 +32,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;
 }
@@ -179,21 +186,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;
 }
 

spearhead/style-rtl.css

@@ -82,6 +82,9 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 @media only screen and (max-width: 481px) {
+	.has-main-navigation .site-header .site-title {
+		margin: 0;
+	}
 	.has-main-navigation .site-header .site-description {
 		display: none;
 	}
@@ -93,6 +96,12 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	max-width: var(--responsive--alignfull-width);
 }
 
+@media only screen and (max-width: 481px) {
+	.site-header {
+		align-items: center;
+	}
+}
+
 .site-header .site-branding {
 	flex-grow: 1;
 	text-align: right;
@@ -143,9 +152,14 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	flex-wrap: nowrap;
 }
 
+.site-header .social-navigation ul li {
+	margin: 0;
+	padding: 0 var(--social-nav--padding) 0 0;
+}
+
 .site-header .social-navigation li:first-of-type > a,
 .site-header .social-navigation a {
-	padding: 0 var(--social-nav--padding) 0 0;
+	padding: 0;
 }
 
 .site-header .social-navigation li:first-of-type > a:hover,

spearhead/style.css

@@ -82,6 +82,9 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 @media only screen and (max-width: 481px) {
+	.has-main-navigation .site-header .site-title {
+		margin: 0;
+	}
 	.has-main-navigation .site-header .site-description {
 		display: none;
 	}
@@ -93,6 +96,12 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	max-width: var(--responsive--alignfull-width);
 }
 
+@media only screen and (max-width: 481px) {
+	.site-header {
+		align-items: center;
+	}
+}
+
 .site-header .site-branding {
 	flex-grow: 1;
 	text-align: left;
@@ -143,9 +152,14 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	flex-wrap: nowrap;
 }
 
+.site-header .social-navigation ul li {
+	margin: 0;
+	padding: 0 0 0 var(--social-nav--padding);
+}
+
 .site-header .social-navigation li:first-of-type > a,
 .site-header .social-navigation a {
-	padding: 0 0 0 var(--social-nav--padding);
+	padding: 0;
 }
 
 .site-header .social-navigation li:first-of-type > a:hover,