Strange image size on mobile for slider

vanillababy

Hi Air,

When I play a slider gallery on ipad (vertical mode) the vertical images look really strange. It doesn't fill the whole page and they are too small. Pls see an attached print-screen. The same image in horizontal mode looks fine.
Thank you!

Air

Hello:-)

What is your setting "Fit images" in this gallery?

With regards.

vanillababy

I tried Fit always and Fit when needed. No luck.

Air

I understand you don't like that is so small under 800px of screen width.
Currently it is set to max-height of 300px, so user can will see whole image on most devices, without need to scroll. However you can use this CSS to overwrite this rule

@media only screen and (max-width: 800px) {
    .single-work .in-post-slider{
        max-height: none;
    }

With regards.

vanillababy

It worked for Ipad. I like it. BUT now I have a lot of negative space between the image and header/footer on Iphone (image itself is ok, but this space)!!!

Air

Most of space under slider is empty content. If you don't fill content in "Description content position : under images" then use this CSS to hide it:

.content-under .work-content {
    display: none;
}

Also if you are still not happy then use this CSS to reduce slider max-height

@media only screen and (max-width: 480px) {
    .single-work .in-post-slider{
        max-height: 400px;
    }

Hope this will fix everything for you :-)

With regards.