Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-06-24 13:54:59 +02:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
Built from https://develop.svn.wordpress.org/trunk@28701


git-svn-id: http://core.svn.wordpress.org/trunk@28518 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2014-06-08 19:13:14 +00:00
parent 3c9d69fa90
commit 6db0275b95
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
wp-content/themes/twentythirteen/inc/custom-header.php
View File

@ -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;

14
wp-content/themes/twentythirteen/style.css
View File

@ -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;
}