Ticket #38543: 38543.1.patch

src/wp-content/themes/twentyseventeen/assets/css/ie8.css

@@ -60 +60 @@
         overflow: hidden;
 }
 
+.has-header-image.twentyseventeen-front-page .custom-header,
+.has-header-image.home.blog .custom-header {
+        display: block;
+}
+
 .custom-header-image {
         background-position: bottom center;
 }
@@ -68 +73 @@
         padding: 45px 0;
 }
 
+.has-header-image.twentyseventeen-front-page .site-branding,
+.has-header-image.home.blog .site-branding {
+        bottom: 0;
+        display: block;
+        left: 0;
+        height: auto;
+        padding-top: 0;
+        position: absolute;
+        width: 100%;
+}
+
 .has-header-image .custom-header-image img,
 .has-header-image .custom-header-image video {
         left: 0;
@@ -193 +209 @@
 
 /* RTL Styles */
 
+.rtl .has-header-image.twentyseventeen-front-page .site-branding,
+.rtl .has-header-image.home.blog .site-branding {
+        left: auto;
+        right: 0;
+}
+
 .rtl .entry-footer .cat-links,
 .rtl .entry-footer .tags-links {
         padding-right: 0;

src/wp-content/themes/twentyseventeen/style.css

@@ -1542 +1542 @@
 .site-header {
         background-color: #fafafa;
         position: relative;
+        overflow: hidden;
 }
 
 /* Site branding */
@@ -1565 +1566 @@
         opacity: 0.7;
 }
 
-.has-header-image.twentyseventeen-front-page .site-branding,
-.has-header-image.home.blog .site-branding {
-        align-self: flex-end;
-}
-
 .site-title {
         clear: none;
         font-size: 24px;
@@ -1639 +1635 @@
 
 .has-header-image.twentyseventeen-front-page .custom-header,
 .has-header-image.home.blog .custom-header {
-        display: flex;
+        display: table;
+        height: 100%;
         min-height: 300px;
         min-height: 75vh;
+        width: 100%;
 }
 
 .custom-header-image {
@@ -1702 +1700 @@
         padding: 5% 0;
 }
 
+.has-header-image.twentyseventeen-front-page .site-branding,
+.has-header-image.home.blog .site-branding {
+        display: table-cell;
+        height: 100%;
+        vertical-align: bottom;
+}
+
 /*--------------------------------------------------------------
 ## Front Page
 --------------------------------------------------------------*/
@@ -3241 +3246 @@
         .has-header-image.twentyseventeen-front-page .site-branding,
         .has-header-image.home.blog .site-branding {
                 bottom: 0;
+                display: block;
+                left: 0;
+                height: auto;
                 padding-top: 0;
                 position: absolute;
                 width: 100%;
@@ -3248 +3256 @@
 
         .has-header-image.twentyseventeen-front-page .custom-header,
         .has-header-image.home.blog .custom-header {
+                display: block;
                 min-height: 0;
         }
 
@@ -3549 +3558 @@
                 height: 100vh;
                 max-height: 100%;
                 overflow: hidden;
-                /* padding: 10% 0; */
         }
 
         .twentyseventeen-front-page.has-header-image .custom-header-image:before,