WordPress.org

Make WordPress Core

Changeset 28701


Ignore:
Timestamp:
06/08/2014 07:12:46 PM (6 years ago)
Author:
lancewillett
Message:

Twenty Thirteen: adjust background size of header image(s) for small devices. Props senlin, fixes #26856.

Location:
trunk/src/wp-content/themes/twentythirteen
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentythirteen/inc/custom-header.php

    r28693 r28701  
    102102            background-size: 1600px auto;
    103103        }
     104        @media (max-width: 767px) {
     105            .site-header {
     106                background-size: 768px auto;
     107            }
     108        }
     109        @media (max-width: 359px) {
     110            .site-header {
     111                background-size: 360px auto;
     112            }
     113        }
    104114    <?php
    105115        endif;
  • trunk/src/wp-content/themes/twentythirteen/style.css

    r28699 r28701  
    27892789/* Collapse oversized image and pulled images after iPad breakpoint. */
    27902790@media (max-width: 767px) {
     2791    .site-header .home-link {
     2792        min-height: 0;
     2793    }
     2794    .site-title {
     2795        font-size: 36px;
     2796        padding: 8px 0 10px;
     2797    }
    27912798    .entry-content img.alignleft,
    27922799    .entry-content .wp-caption.alignleft {
     
    29862993/* Mobile devices */
    29872994@media (max-width: 359px) {
     2995    .site-title {
     2996        font-weight: normal;
     2997    }
     2998    .site-description {
     2999        clip: rect(1px, 1px, 1px, 1px);
     3000        position: absolute;
     3001    }
    29883002    .gallery {
    29893003        margin-left: 0;
Note: See TracChangeset for help on using the changeset viewer.