Merge pull request #2707 from Automattic/fix/2697-header-padding-sans-menu

Added header padding when there is no menu

spearhead/assets/sass/_header.scss

@@ -28,6 +28,11 @@ $site-branding-height: 68px;
 	display: flex;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
+	padding: var(--global--spacing-horizontal);
+
+	@include media( laptop ){
+		padding: 35px var(--global--spacing-horizontal);
+	}
 
 	@include media( laptop-only ){
 		flex-wrap: wrap;

spearhead/style-rtl.css

@@ -214,6 +214,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	display: flex;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
+	padding: var(--global--spacing-horizontal);
+}
+
+@media only screen and (min-width: 830px) {
+	.site-header {
+		padding: 35px var(--global--spacing-horizontal);
+	}
 }
 
 @media only screen and (max-width: 829px) {

spearhead/style.css

@@ -214,6 +214,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	display: flex;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
+	padding: var(--global--spacing-horizontal);
+}
+
+@media only screen and (min-width: 830px) {
+	.site-header {
+		padding: 35px var(--global--spacing-horizontal);
+	}
 }
 
 @media only screen and (max-width: 829px) {