Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 4, 2015 at 2:05 am #454178
    djshortkut

    I have a full width easy slider on one of this page. Everything looks exactly how I want it to except on an iPhone in portrait mode. The height of the slider is too small and the title and button on each slider is running to the edge of the slider with no padding. Can you provide me with some quick css to increase the height of this slider on iPhone portrait screen size please? Thanks!

    June 4, 2015 at 11:33 pm #454803
    Josue

    Hi!

    You can set a minimum height to the images:

    .av_slideshow_full li img {
  min-height: 300px;
}

    Best regards,
    Josue

    June 5, 2015 at 1:37 am #454868
    djshortkut

    Thanks Josue! While that works, it unfortunately stretches the height of the image and aspect ratio. Is there any way to do this without adjusting the aspect ratio?

    June 5, 2015 at 1:46 am #454872
    Josue

    Try with this instead:

    @media only screen and (max-width: 480px) {
    .slideshow_align_caption br {
        display: none;
    }

    .responsive #top .slideshow_caption h2 {
        font-size: 20px !important;
    }

    .responsive #top .avia-slideshow-button{
        margin-top: 0;
    }

}

    Cheers!
    Josue

    June 5, 2015 at 1:58 am #454879
    djshortkut
    This reply has been marked as private.
    June 5, 2015 at 2:09 am #454882
    Josue

    No, that’s not logically possible, because -at the same time- the image is trying to be 100% wide of the window current width (height is calculated automatically to keep the aspect ratio), meaning that you can not alter its height without stretching it, the only solution i see to meet your requirements would be to somehow swap the image (for a square-like one) on smaller screens.

    Regards,
    Josue

    • This reply was modified 9 years, 5 months ago by Josue.
    June 8, 2015 at 11:49 pm #456384
    djshortkut

    Ok, I figured out another solution. You can close this thread.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Fullwidth Easy Slider’ is closed to new replies.