Making WordPress.org

Changeset 7019


Ignore:
Timestamp:
04/04/2018 01:16:11 AM (6 years ago)
Author:
iandunn
Message:

WP15: Fix header image dimensions on IE11.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wp15.wordpress.net/public_html/content/themes/twentyseventeen-wp15/style.css

    r7017 r7019  
    6666    .site-header {
    6767        display: grid;
    68         grid-template-rows: auto 70px;
    69         grid-template-columns: auto 300px;
     68        grid-template-rows: auto 1fr;
     69        grid-template-columns: auto 3fr;
     70    }
     71
     72    @media screen and ( min-width: 370px ) {
     73        .site-header {
     74            grid-template-rows: auto 70px;
     75            grid-template-columns: auto 300px;
     76        }
    7077    }
    7178}
     
    123130
    124131.custom-logo-link img {
    125     max-width: 300px;
    126     max-height: 218px;
     132    max-width: 90%;
     133    max-height: 90%;
     134}
     135
     136/*
     137 * IE <= 11 can't scale SVGs properly, so set fixed dimensions.
     138 *
     139 * @see https://gist.github.com/larrybotha/7881691
     140 */
     141@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     142    .custom-logo-link img {
     143        max-width: 150px;
     144        max-height: 100px;
     145    }
     146}
     147
     148@media screen and ( min-width: 475px ) {
     149    .custom-logo-link img {
     150        max-width: 300px;
     151        max-height: 218px;
     152    }
    127153}
    128154
     
    148174
    149175.main-navigation.toggled-on .menu-top-menu-container {
     176    position: absolute;
    150177    width: 100vw;
     178    border-bottom: 1px solid #eee;
    151179}
    152180
Note: See TracChangeset for help on using the changeset viewer.