Max Height on Responsive Slider

Hi,

It depends. There are a few ways to do it but it will result in part of the image being cut off.

I tried visiting your URL but it didn’t work. Is there a typo there?

Hey, thanks for the very fast reply. I would be fine with parts of the image being cut off, since this would happen with cropping anyway.

Hmmm, the link seems to be working on my end, I don’t know what the issue is there.

URL works now.

This should get you started. Try adding this CSS:

.ms-container {
    height: 400px;
    overflow: hidden;
    position:relative
}
.flexslider {
    position:static;
}
.metaslider .slides img {
    width: auto;
    min-width: 100vw!important;
    min-height: 400px;
    position: absolute;
}

Thank you!! It’s almost perfect, but I can only see the left arrow and the dots have disappeared, but you’ve already helped me so much.

Update it to “static !important” and it should work. You might want to move the arrows down as well though.

Thanks again for the help, I’ll try that and work with the position of the arrows.

Hi,

Any luck? I’ll mark this issue as resolved for now but feel free to comment as needed.