sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@28701 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2014-06-08 19:12:46 +00:00
parent 1ff9d938af
commit 4083df4b38
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/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
src/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;
}