Slider minimum height in pixel not working?

Hey Alwin,

Thank you for the inquiry.

That is the default behavior of the slider. It inherits the height and aspect ratio of the images and resize accordingly. You can add the following css code to adjust the size of the slider, but the whole image will not be visible in the slider area.

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner {
    height: 300px !important;
}

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide, .avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap  {
    height: 100%;
}

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap picture {
    height: 300px !important;
    display: block;
    left: -80%;
    position: relative;
}

You can add this css code if you want to adjust which area of the image or slide should be visible in the slider container.

.avia-slideshow.av-fhu65-4d5fc4714aa76b1680c7e2d33bc82a8c .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap picture {
    left: -80%;
}

Best regards,
Ismael

Hi,

We missed the info about the minimum height option. Sorry about that. We may need to access the site in order to check the issue further. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

We checked the slider setting and they seem to be correct, but we are not yet sure why the minimum height is not applying correctly. Please try to add this css code for now as a temporary fix. We will get back once we figure out the issue.

Best regards,
Ismael

Hi,
I believe that Ismael may have meant the css above in a media query, please give this a try.
I didn’t see a cause for the issue, hopefully Ismael finds a cause after the weekend.

@media only screen and (max-width: 767px) { 
.avia-slideshow .avia-slideshow-inner {
    height: 300px !important;
}

.avia-slideshow .avia-slideshow-inner .avia-slideshow-slide, .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap  {
    height: 100%;
}

.avia-slideshow .avia-slideshow-inner .avia-slideshow-slide .avia-slide-wrap picture {
    height: 300px !important;
    display: block;
    left: -80%;
    position: relative;
}
}

Best regards,
Mike

Hi,

We tried to login to the site again but got locked out by WordFence. Would you mind updating the theme again? The minimum height option works correctly on our end using version 5.4.1.

Best regards,
Ismael