Kaynağa Gözat

Mobile menu fixes.

Jeffrey Pearce 6 yıl önce
ebeveyn
işleme
7bc422cd43

+ 10 - 3
stratford/sass/_extra-child-theme.scss

@@ -13,6 +13,8 @@ $spacing_vertical: #{map-deep-get($config-global, "spacing", "vertical")};
 $font_size_xs: #{map-deep-get($config-global, "font", "size", "xs")};
 $font_size_xs: #{map-deep-get($config-global, "font", "size", "xs")};
 $font_size_md: #{map-deep-get($config-global, "font", "size", "md")};
 $font_size_md: #{map-deep-get($config-global, "font", "size", "md")};
 $font_size_base: #{map-deep-get($config-global, "font", "size", "base")};
 $font_size_base: #{map-deep-get($config-global, "font", "size", "base")};
+$font_size_lg: #{map-deep-get($config-global, "font", "size", "lg")};
+$font_size_xl: #{map-deep-get($config-global, "font", "size", "xl")};
 $font_family_secondary: #{map-deep-get($config-global, "font", "family", "secondary")};
 $font_family_secondary: #{map-deep-get($config-global, "font", "family", "secondary")};
 $font_line_height_body: #{map-deep-get($config-global, "font", "line-height", "body")};
 $font_line_height_body: #{map-deep-get($config-global, "font", "line-height", "body")};
 $button_line_height: #{map-deep-get($config-button, "font", "line-height")};
 $button_line_height: #{map-deep-get($config-button, "font", "line-height")};
@@ -23,7 +25,7 @@ $button_spacing_vertical: #{map-deep-get($config-button, "padding", "vertical")}
 $button_spacing_horizontal: #{map-deep-get($config-button, "padding", "horizontal")};
 $button_spacing_horizontal: #{map-deep-get($config-button, "padding", "horizontal")};
 $button_color_hover: #{map-deep-get($config-button, "color", "text-hover")};
 $button_color_hover: #{map-deep-get($config-button, "color", "text-hover")};
 $button_background_hover: #{map-deep-get($config-button, "color", "background-hover")};
 $button_background_hover: #{map-deep-get($config-button, "color", "background-hover")};
-$font_size_widget_title: #{map-deep-get($config-heading, "font", "size", "h3")};
+$font_size_widget_title: #{map-deep-get($config-heading, "font", "size", "h4")};
 
 
 // General
 // General
 
 
@@ -321,15 +323,20 @@ body {
 	#masthead {
 	#masthead {
 		max-height: 100%;
 		max-height: 100%;
 		overflow-y: scroll;
 		overflow-y: scroll;
+		.site-header-wrapper {
+			width: 100%;
+			.site-branding {
+				margin-left: 0;
+			}
+		}
 	}
 	}
 	.site-header {
 	.site-header {
 		position: relative;
 		position: relative;
-		padding-right: $spacing_vertical;
 	}
 	}
 
 
 	.site-title,
 	.site-title,
 	.site-description {
 	.site-description {
-		font-size: #{map-deep-get($config-global, "font", "size", "lg")};
+		font-size: $font_size_xl;
 		hyphens: auto;
 		hyphens: auto;
 	}
 	}
 
 

+ 11 - 2
stratford/style-rtl.css

@@ -3631,7 +3631,7 @@ input[type="submit"].has-background:visited,
 }
 }
 
 
 .site-footer .widget-area .widget-title {
 .site-footer .widget-area .widget-title {
-	font-size: 2.0736rem;
+	font-size: 1.728rem;
 }
 }
 
 
 @media only screen and (max-width: 559px) {
 @media only screen and (max-width: 559px) {
@@ -3639,13 +3639,19 @@ input[type="submit"].has-background:visited,
 		max-height: 100%;
 		max-height: 100%;
 		overflow-y: scroll;
 		overflow-y: scroll;
 	}
 	}
+	#masthead .site-header-wrapper {
+		width: 100%;
+	}
+	#masthead .site-header-wrapper .site-branding {
+		margin-right: 0;
+	}
 	.site-header {
 	.site-header {
 		position: relative;
 		position: relative;
 		padding-left: 32px;
 		padding-left: 32px;
 	}
 	}
 	.site-title,
 	.site-title,
 	.site-description {
 	.site-description {
-		font-size: 1.44rem;
+		font-size: 1.728rem;
 		hyphens: auto;
 		hyphens: auto;
 	}
 	}
 	#toggle-menu {
 	#toggle-menu {
@@ -3653,4 +3659,7 @@ input[type="submit"].has-background:visited,
 		top: 0;
 		top: 0;
 		left: 0;
 		left: 0;
 	}
 	}
+	.social-links-menu {
+		justify-content: center;
+	}
 }
 }

+ 8 - 3
stratford/style.css

@@ -3636,7 +3636,7 @@ input[type="submit"].has-background:visited,
 }
 }
 
 
 .site-footer .widget-area .widget-title {
 .site-footer .widget-area .widget-title {
-	font-size: 2.0736rem;
+	font-size: 1.728rem;
 }
 }
 
 
 @media only screen and (max-width: 559px) {
 @media only screen and (max-width: 559px) {
@@ -3644,13 +3644,18 @@ input[type="submit"].has-background:visited,
 		max-height: 100%;
 		max-height: 100%;
 		overflow-y: scroll;
 		overflow-y: scroll;
 	}
 	}
+	#masthead .site-header-wrapper {
+		width: 100%;
+	}
+	#masthead .site-header-wrapper .site-branding {
+		margin-left: 0;
+	}
 	.site-header {
 	.site-header {
 		position: relative;
 		position: relative;
-		padding-right: 32px;
 	}
 	}
 	.site-title,
 	.site-title,
 	.site-description {
 	.site-description {
-		font-size: 1.44rem;
+		font-size: 1.728rem;
 		hyphens: auto;
 		hyphens: auto;
 	}
 	}
 	#toggle-menu {
 	#toggle-menu {