Hello, I would need the slide images to adapt to the screen size.
Currently, with the basic settings, they remain fixed and are cut.
Many thanks in advance
Home page slide image dimensions
Searching through other posts I found this solution:
.acm-slideshow .background {
background-repeat: no-repeat;
background-size:contain;
}
@media(max-width:468px){
.acm-slideshow .background {
background-repeat: no-repeat;
Background-size:100%;
}
.acm-slideshow .item {max-height:250px;}}
it's close to what I was asking for but there's an empty part below or to the side, depending on the size of the image.
Would it be possible to fix the image centrally, adapting it to the size of the slide? It doesn't matter if it's cut, the important thing is that it doesn't leave empty spaces (like in the attached images)
I solved it by myself, thanks anyway
`
.acm-slideshow .background {
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
@media(max-width:468px){
.acm-slideshow .background {
background-repeat: no-repeat;
Background-size:cover;
}
.acm-slideshow .item {max-height:400px;}}
`