Browse Source

Added header padding when there is no menu.

There was no padding value assigned to the header when there was not a
menu available.  This change uses the same padding values as are used
WITH a menu for when there is none.

- TESTING -

* Install Spearhead theme.
* Setup a menu and assign it to 'Primary Navigation'
* Note the location of the title (in the header).  (This is the expected location)
* Remove the 'Primary Navigation' menu (via the customizer)
* Note the location of the title.
* The expected location is the same location as when there is a 'Primary
Navigation' menu assigned.
Jason Crist 4 years ago
parent
commit
d0e9d48c83
4 changed files with 19 additions and 0 deletions
  1. 5 0
      spearhead/assets/sass/_header.scss
  2. 7 0
      spearhead/style-rtl.css
  3. 7 0
      spearhead/style.css
  4. 0 0
      spearhead/style.css.map

+ 5 - 0
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;

+ 7 - 0
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) {

+ 7 - 0
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) {

File diff suppressed because it is too large
+ 0 - 0
spearhead/style.css.map


Some files were not shown because too many files changed in this diff