Index: src/wp-content/themes/twentyfourteen/css/ie.css
===================================================================
--- src/wp-content/themes/twentyfourteen/css/ie.css	(revision 29076)
+++ src/wp-content/themes/twentyfourteen/css/ie.css	(working copy)
@@ -29,6 +29,10 @@
 	border: 1px solid #b2b2b2;
 }
 
+.site-title {
+	max-width: 71%;
+}
+
 .site-content blockquote.alignleft,
 .site-content blockquote.alignright {
 	border-top: 1px solid #e5e5e5;
Index: src/wp-content/themes/twentyfourteen/style.css
===================================================================
--- src/wp-content/themes/twentyfourteen/style.css	(revision 29076)
+++ src/wp-content/themes/twentyfourteen/style.css	(working copy)
@@ -863,15 +863,15 @@
 	font-weight: 700;
 	line-height: 48px;
 	margin: 0;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
 }
 
-.site-title,
 .site-title a,
 .site-title a:hover {
 	color: #fff;
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 /* Search in the header */
@@ -3081,7 +3081,9 @@
 
 @media screen and (max-width: 400px) {
 	.site-title {
-		max-width: 71%;
+		/* Nav-toggle width + search-toggle width - gutter = 86px */
+		max-width: -webkit-calc(100% - 86px);
+		max-width:         calc(100% - 86px);
 	}
 
 	.list-view .site-content .post-thumbnail {
@@ -3158,10 +3160,6 @@
 }
 
 @media screen and (min-width: 401px) {
-	.site-title {
-		max-width: 77%;
-	}
-
 	a.post-thumbnail:hover img {
 		opacity: 0.85;
 	}
@@ -3290,10 +3288,6 @@
 }
 
 @media screen and (min-width: 594px) {
-	.site-title {
-		max-width: 85%;
-	}
-
 	.site-content .entry-header {
 		padding-right: 30px;
 		padding-left: 30px;
@@ -3309,10 +3303,6 @@
 		padding: 0 30px;
 	}
 
-	.site-title {
-		max-width: 89%;
-	}
-
 	.search-toggle {
 		margin-right: 18px;
 	}
@@ -3448,10 +3438,6 @@
 		padding-right: 0;
 	}
 
-	.site-title {
-		max-width: 93%;
-	}
-
 	.search-toggle {
 		margin-right: 0;
 	}
@@ -3699,10 +3685,6 @@
 }
 
 @media screen and (min-width: 1008px) {
-	.site-title {
-		max-width: 95%;
-	}
-
 	.search-box-wrapper {
 		padding-left: 182px;
 	}
@@ -4224,7 +4206,6 @@
 		display: none;
 	}
 
-	.site-title,
 	.site-title a,
 	.entry-meta,
 	.entry-meta a,