- This topic is empty.
-
Posts
-
Hi AT,
Well things are great but the image in differents resolutions varies. In lower resolutions it fites well in 1920 x 1080 for exemple it cuts 1/4 of the height image. Is there a way to the image readjust acording to resolution?
I try to modify the padding but it turns the image to BIG on the screen.
Best Regards
Hi @rbarcia
Please go to Appearance -> Customize -> Additional CSS and add following CSS codes.
@media only screen and (min-width: 1920){ #custom-header { padding: 210px 0; } }Hi AT,
Thanks for the reply.
I test and still the same. I have this code in there, that you gave me to put. The image have 1920×490 but in different resolutions the height(490) changes and cuts. The width is ok in all.
.site-branding {
padding: 0;
}#site-identity {
padding-top: 20px;
}#custom-header::after{
background: transparent;
}.custom-header-wrapper .page-title,
#breadcrumb li,
#breadcrumb li a,
#breadcrumb li a:hover {
color: #333;
}#custom-header {
padding: 130px 0;
}@media only screen and (min-width: 1920){
#custom-header {
padding: 210px 0;
}
}Best Regards
Hi @rbarcia
The height changes with the device resolution because we have used the banner as a background image. You cannot get exactly same size image for all size devices in this case. We are sorry about it.
Hi, AT
No problem. I’ll explane that and we will get the size that feets better for them. Hope it works.
Regards
- You must be logged in to reply to this topic.