Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 18, 2014 at 2:57 pm #280582
    blankonblank

    Hi – I am trying to use a simple slideshow where the images are the same height but different widths. It appears to work fine on desktop browser, but on mobile it keeps resizing as if they two images are different height? I am using fullwidth easy slider. What’s going on?

    Also when I tried to use easy slider and chose “no-scaling” for images, it does not work. It forces the images to be stretched. I don’t want them to be stretched as I have set the image sizes.

    On the link below you will see the fullwidth easy slider first and the easy slider second.

    June 19, 2014 at 4:14 am #280940
    Ismael

    Hi blankonblank!

    Thank you for the link.

    It keeps on resizing because the images’ width and height are set to auto. They are adapting to the size of the mobile screen. The wider image looks smaller because it needs to decrease in height in order to keep its proportion. You can add this on Quick CSS or custom.css to define a custom width when viewing on iPhone size screens:

    @media only screen and (max-width: 767px) {
.avia-slideshow.image_no_stretch li img {
width: 50%;
height: auto;
}
}

    Cheers!
    Ismael

    June 19, 2014 at 5:31 am #280990
    blankonblank
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Slideshow Issue’ is closed to new replies.