fix: prevent centered logo from getting cut off in IE11 (#932)

Automattic · May 19, 2020 · a87a9be · a87a9be
1 parent 6ec52b2
commit a87a9be
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/newspack-theme/sass/site/header/_site-header.scss b/newspack-theme/sass/site/header/_site-header.scss
@@ -266,6 +266,14 @@
 			max-width: inherit;
 		}
 	}
+
+	// IE 11-specific logo fix
+	@media screen and ( -ms-high-contrast: none ) and ( min-width: $desktop_width ) {
+		.site-header .custom-logo-link img {
+			height: auto;
+			max-width: 100%;
+		}
+	}
 }
 
 // Solid Background