Changeset 28701

Timestamp:

06/08/2014 07:12:46 PM (11 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:

• inc/custom-header.php (modified) (1 diff)
• style.css (modified) (2 diffs)

trunk/src/wp-content/themes/twentythirteen/inc/custom-header.php

@@ -102 +102 @@
             background-size: 1600px auto;
         }
+        @media (max-width: 767px) {
+            .site-header {
+                background-size: 768px auto;
+            }
+        }
+        @media (max-width: 359px) {
+            .site-header {
+                background-size: 360px auto;
+            }
+        }
     <?php
         endif;

trunk/src/wp-content/themes/twentythirteen/style.css

@@ -2789 +2789 @@
 /* Collapse oversized image and pulled images after iPad breakpoint. */
 @media (max-width: 767px) {
+    .site-header .home-link {
+        min-height: 0;
+    }
+    .site-title {
+        font-size: 36px;
+        padding: 8px 0 10px;
+    }
     .entry-content img.alignleft,
     .entry-content .wp-caption.alignleft {
@@ -2986 +2993 @@
 /* Mobile devices */
 @media (max-width: 359px) {
+    .site-title {
+        font-weight: normal;
+    }
+    .site-description {
+        clip: rect(1px, 1px, 1px, 1px);
+        position: absolute;
+    }
     .gallery {
         margin-left: 0;