소스 검색

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 년 전
부모
커밋
d0e9d48c83
4개의 변경된 파일19개의 추가작업 그리고 0개의 파일을 삭제
  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) {

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
spearhead/style.css.map


이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.