Browse Source

Merge pull request #1468 from nielslange/fix/#1449

Shawburn: Solve primary menu display issue
Takashi Irie 5 years ago
parent
commit
a31db13236
3 changed files with 24 additions and 3 deletions
  1. 8 1
      shawburn/sass/_extra-child-theme.scss
  2. 8 1
      shawburn/style-rtl.css
  3. 8 1
      shawburn/style.css

+ 8 - 1
shawburn/sass/_extra-child-theme.scss

@@ -12,7 +12,7 @@ body {
 	.hentry .entry-content {
 		& > *:first-child {
 			&.alignfull {
-				margin-top: -#{2 * map-deep-get($config-global, "spacing", "unit")};
+				margin-top: -#{map-deep-get($config-global, "spacing", "unit")};
 
 				@include media(mobile) {
 					margin-top: -#{3 * map-deep-get($config-global, "spacing", "unit")};
@@ -27,6 +27,7 @@ a {
 }
 
 .main-navigation {
+	margin-bottom: 0;
 	text-transform: uppercase;
 }
 
@@ -137,6 +138,12 @@ hr.wp-block-separator.is-style-wide,
 	padding: 0;
 }
 
+.site-main {
+	@include media(mobile) {
+		padding-top: #{3 * map-deep-get($config-global, "spacing", "unit")};
+	}
+}
+
 #page {
 	.entry-header,
 	.page-header,

+ 8 - 1
shawburn/style-rtl.css

@@ -3407,7 +3407,7 @@ body {
 }
 
 .home.hide-homepage-title .hentry .entry-content > *:first-child.alignfull {
-	margin-top: -32px;
+	margin-top: -16px;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3421,6 +3421,7 @@ a {
 }
 
 .main-navigation {
+	margin-bottom: 0;
 	text-transform: uppercase;
 }
 
@@ -3536,6 +3537,12 @@ hr.wp-block-separator.is-style-wide,
 	padding: 0;
 }
 
+@media only screen and (min-width: 640px) {
+	.site-main {
+		padding-top: 48px;
+	}
+}
+
 #page .entry-header,
 #page .page-header,
 #page .entry-footer,

+ 8 - 1
shawburn/style.css

@@ -3436,7 +3436,7 @@ body {
 }
 
 .home.hide-homepage-title .hentry .entry-content > *:first-child.alignfull {
-	margin-top: -32px;
+	margin-top: -16px;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3450,6 +3450,7 @@ a {
 }
 
 .main-navigation {
+	margin-bottom: 0;
 	text-transform: uppercase;
 }
 
@@ -3565,6 +3566,12 @@ hr.wp-block-separator.is-style-wide,
 	padding: 0;
 }
 
+@media only screen and (min-width: 560px) {
+	.site-main {
+		padding-top: 48px;
+	}
+}
+
 #page .entry-header,
 #page .page-header,
 #page .entry-footer,