fix: correct centered logo sizing (#930)

Automattic · May 17, 2020 · a9c4bfd · a9c4bfd
1 parent e7ba924
commit a9c4bfd
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/newspack-theme/sass/site/header/_site-header.scss b/newspack-theme/sass/site/header/_site-header.scss
@@ -183,7 +183,6 @@
 .h-cl {
 	@include media( tablet ) {
 		.site-header .middle-header-contain .wrapper > div {
-			flex: 1;
 			width: 35%;
 
 			&.site-branding {
@@ -217,12 +216,11 @@
 		}
 
 		.site-header .custom-logo-link img {
-			max-width: inherit;
+			height: auto;
+			max-width: 100%;
 			margin: auto;
 		}
-	}
 
-	@include media( tablet ) {
 		&.h-dh,
 		&.h-sub {
 			.site-header .middle-header-contain .wrapper .site-branding {
@@ -254,6 +252,21 @@
 			}
 		}
 	}
+
+	@include media( desktop ) {
+		.site-header .middle-header-contain .wrapper > div {
+			flex: 1;
+			width: auto;
+
+			&.site-branding {
+				width: auto;
+			}
+		}
+
+		.site-header .custom-logo-link img {
+			max-width: inherit;
+		}
+	}
 }
 
 // Solid Background