Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #489580

    Dear Kriesi

    Just finished a site for a client and they have noticed that on a mobile phone, the Easy Slider is not displaying correctly. Image below:

    http://snag.gy/zWrww.jpg

    I hope this is a simple fix. I have included my login details as well.

    Thanks in advance.

    Regards,

    Ali

    #489702

    Hi infobahncreative!

    That is happening because of the custom height set in the color section that surrounds the slider.

    You have 3 options to mitigate this:

    – Reduce the custom height (color section) to around 100px or less (because it’s minimum height not overall height) then set your easy slider to no scaling.

    – Crop your slides down to a universal height of your choice and use the “No minimum height option” in the color section and “No scaling” for the easy slider.

    – Alternatively you can use of the “browser height percentage” options in the color section and “No scaling for the easy slider.

    Best regards,
    Dake

    #493559

    Thanks Dake for coming back to me.

    I have tried your suggestions, and the first and third option has sorted the image, but not the slogan – this seems to stay the same size and so can’t be read on the mobile device as it is too large.

    http://snag.gy/TKkix.jpg

    Any thoughts?

    Regards,

    Ali

    #493884

    Hi!

    Use this to adjust the font size of the caption on mobile devices:

    @media only screen and (max-width: 767px) {
    .avia-slideshow .avia-caption .avia-caption-title {
        font-size: 14px;
    }
    }

    Remove browser cache before reloading the page.

    Best regards,
    Ismael

    #494383

    Dear Ismael

    You are a legend. Thanks – coding works spot on.

    As ever, superb support from those at Kriesi.

    Kind regards,

    Ali

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Easy Slider Responsive Issue’ is closed to new replies.