Hello Andrea,
Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
.header-slider .slides-container .slide-item {
background-attachment: scroll !important;
background-position: center center !important;
}
Regards,
Kharis
Hi. I have the same issue, photos are cut at the bottom, even though they are visible in full when I upload them in the Appearance > Customize > Header slider. I tried adding this code but the issue remains – though I believe the shaved-off section is reduced. Any other suggestions? Should I resize the images? thanks
Hello there,
From your site dashboard (/wp-admin), visit Appearance > Customize > Header area > Header Slider; on “Slider mobile behavior” options, enable “Responsive”. Then add the below extra CSS code to Additional CSS:
@media only screen and (min-width: 1025px) {
.slides-container .slide-item {
background-size: contain !important;
background-attachment: scroll !important;
}
}
Regards,
Kharis
You’re welcome!
Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.
Regards,
Kharis
