Page Header image resize unique-headers plug-in
-
Hello.
To change the header image of the page
I installed the unique-headers plug-in.
However
The header image is cut on mobile.
I add it to style.CSS and use it.
/*
@media screen and (max-width: 480px) {
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding,
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header { height: auto;
left: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: relative;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding,
.custom-header-media,
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: static;
}.custom-header-media:before {
background: none;
}body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 1;
}.site-branding .wrap {
padding: 0 1em;
}
}
*/
The header image that is basically applied to the front page isMobile size is resized and the width is not reduced.
Pages that changed unique-headers plug-in header images
The header image is truncated.
There is no solution?
Help me.
- The topic ‘Page Header image resize unique-headers plug-in’ is closed to new replies.