display contents solution

alves/style-rtl.css

@@ -4486,7 +4486,7 @@ body:not(.fse-enabled) #masthead {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

alves/style.css

@@ -4515,7 +4515,7 @@ body:not(.fse-enabled) #masthead {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

barnsbury/style-rtl.css

@@ -4431,7 +4431,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

barnsbury/style.css

@@ -4460,7 +4460,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

dalston/sass/_extra-child-theme.scss

@@ -326,11 +326,7 @@ a {
 	.mobile-nav-side {
 		.site-header.has-menu {
 			.site-branding {
-				grid-area: site-logo;
-				justify-self: center;
-			}
-			.site-logo {
-				grid-area: unset;
+				display: contents;
 			}
 		}
 		.main-navigation {

dalston/style-rtl.css

@@ -4308,7 +4308,7 @@ a {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}
@@ -4390,11 +4390,7 @@ a {
 
 @media only screen and (max-width: 559px) {
 	.mobile-nav-side .site-header.has-menu .site-branding {
-		grid-area: site-logo;
-		justify-self: center;
-	}
-	.mobile-nav-side .site-header.has-menu .site-logo {
-		grid-area: unset;
+		display: contents;
 	}
 	.mobile-nav-side .main-navigation .dropdown-icon {
 		/* This is fixed the issue when the button changes widths */

dalston/style.css

@@ -4337,7 +4337,7 @@ a {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}
@@ -4419,11 +4419,7 @@ a {
 
 @media only screen and (max-width: 559px) {
 	.mobile-nav-side .site-header.has-menu .site-branding {
-		grid-area: site-logo;
-		justify-self: center;
-	}
-	.mobile-nav-side .site-header.has-menu .site-logo {
-		grid-area: unset;
+		display: contents;
 	}
 	.mobile-nav-side .main-navigation .dropdown-icon {
 		/* This is fixed the issue when the button changes widths */

hever/style-rtl.css

@@ -4508,7 +4508,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

hever/style.css

@@ -4537,7 +4537,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

morden/style-rtl.css

@@ -4601,7 +4601,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

morden/style.css

@@ -4630,7 +4630,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}

rivington/sass/_extra-child-theme.scss

@@ -464,15 +464,8 @@ a {
 @include media(mobile-only) {
 	.mobile-nav-side {
 		.site-header.has-menu {
-			&.has-logo .site-branding {
-				grid-area: site-logo;
-				justify-self: center;
-			}
-			&:not(.has-logo) .site-branding {
-				grid-area: site-title;
-			}
-			.site-logo {
-				grid-area: unset;
+			.site-branding {
+				display: contents;
 			}
 		}
 	}

rivington/style-rtl.css

@@ -4464,7 +4464,7 @@ p:not(.site-title) a:hover {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}
@@ -4545,14 +4545,7 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (max-width: 559px) {
-	.mobile-nav-side .site-header.has-menu.has-logo .site-branding {
-		grid-area: site-logo;
-		justify-self: center;
-	}
-	.mobile-nav-side .site-header.has-menu:not(.has-logo) .site-branding {
-		grid-area: site-title;
-	}
-	.mobile-nav-side .site-header.has-menu .site-logo {
-		grid-area: unset;
+	.mobile-nav-side .site-header.has-menu .site-branding {
+		display: contents;
 	}
 }

rivington/style.css

@@ -4493,7 +4493,7 @@ p:not(.site-title) a:hover {
 		margin: 0;
 		justify-self: end;
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		justify-content: end;
 		white-space: nowrap;
 	}
@@ -4574,14 +4574,7 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (max-width: 559px) {
-	.mobile-nav-side .site-header.has-menu.has-logo .site-branding {
-		grid-area: site-logo;
-		justify-self: center;
-	}
-	.mobile-nav-side .site-header.has-menu:not(.has-logo) .site-branding {
-		grid-area: site-title;
-	}
-	.mobile-nav-side .site-header.has-menu .site-logo {
-		grid-area: unset;
+	.mobile-nav-side .site-header.has-menu .site-branding {
+		display: contents;
 	}
 }

varia/sass/components/header/_site-mobile-nav-side.scss

@@ -58,7 +58,7 @@ $wpadmin-bar--height: 46px;
 			margin: 0;
 			justify-self: end;
 			display: flex;
-			align-items: center;
+			align-items: flex-start;
 			justify-content: end;
 			white-space: nowrap;