mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-28 15:17:42 +02:00
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
This commit is contained in:
parent
3c9d69fa90
commit
6db0275b95
@ -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;
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user