From 6db0275b95ef85272b5e4df17456f2a544d7506d Mon Sep 17 00:00:00 2001
From: Lance Willett <nanobar@gmail.com>
Date: Sun, 8 Jun 2014 19:13:14 +0000
Subject: [PATCH] Twenty Thirteen: adjust background size of header image(s)
 for small devices. Props senlin, fixes #26856. Built from
 https://develop.svn.wordpress.org/trunk@28701

git-svn-id: http://core.svn.wordpress.org/trunk@28518 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 .../themes/twentythirteen/inc/custom-header.php    | 10 ++++++++++
 wp-content/themes/twentythirteen/style.css         | 14 ++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/wp-content/themes/twentythirteen/inc/custom-header.php b/wp-content/themes/twentythirteen/inc/custom-header.php
index a1d7365dc8..58b6c559d3 100644
--- a/wp-content/themes/twentythirteen/inc/custom-header.php
+++ b/wp-content/themes/twentythirteen/inc/custom-header.php
@@ -101,6 +101,16 @@ function twentythirteen_header_style() {
 			background: url(<?php header_image(); ?>) no-repeat scroll top;
 			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;
 
diff --git a/wp-content/themes/twentythirteen/style.css b/wp-content/themes/twentythirteen/style.css
index 0ea9d8cc19..e8fe3635ec 100644
--- a/wp-content/themes/twentythirteen/style.css
+++ b/wp-content/themes/twentythirteen/style.css
@@ -2788,6 +2788,13 @@ footer.entry-meta {
 
 /* 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 {
 		margin-left: 0;
@@ -2985,6 +2992,13 @@ footer.entry-meta {
 
 /* 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;
 	}