Distorted Mobile View

  • cemarx

    (@cemarx)


    6 years, 3 months ago

    Hi there. I love your plugin and have been finding it really useful.

    The sliders look great on desktop, however I am having some problems with the scaling on mobile. A lot of the image is cut off.

    They have a set min-height of 600%, otherwise only part of the image is shown. Could you recommend some settings I can implement so the slider looks good on both desktop and mobile? I have done hours of testing to see what could work but haven’t been able to come right. Your assistance would be greatly appreciated.

    Kind Regards

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author simonpedge

    (@simonpedge)

    6 years, 3 months ago

    Howzit, from the looks of the images (in your Gallery tab), I would use the 16:9 or 4:3 aspect ratio option – your image heights are certainly less than the image widths, so if you do use a percentage, it should be less that 100%.

    Also looks like there is a funny issue on resizing to mobile, so try ticking the “DOMContentLoaded event” checkbox under “Other settings” and see if this resolves the issue.

    Also on Mobile you might want to set your ‘Items Displayed’ to 1.

    Thread Starter cemarx

    (@cemarx)

    6 years, 3 months ago

    Hi Simon. Thanks so much for your response!

    If I put the images on 16:9 aspect ratio, the image is cut off and becomes about 20px high. Do you know why this might happen?

    The DOMContentLoaded event has helped mobile a bit. I’ll keep playing around with this.

    Kind Regards

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Distorted Mobile View’ is closed to new replies.