Images in Flexslider not scaling when using mobile view

  • Resolved macfrickins

    (@macfrickins)


    10 years, 9 months ago

    Hi,

    I have problem with correct rendering of image sizes.

    I am using flexslider, have width set to auto
    I am using both portrait and landscape images, so I have decided to set Height of images both to 560px.
    On desktop it is rendered ok, but when I am resizing browser (emulating mobile view) slideshow will resize, but image will stay same size.

    When I set width to 100% on mobile it is rendering correctly, but on portrait image with 560px height is upsized to reach 920px width.

    I have tried a lot of things to tweak it, but nothing works.

    Please advise

Viewing 1 replies (of 1 total)
  • Thread Starter macfrickins

    (@macfrickins)

    Oh great, found working solution.

    solution found here

    I have replaced line in flexslider.css
    .flexslider .slides img {width: 100%; display: block;}

    with

    .flexslider .slides img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle;}

Viewing 1 replies (of 1 total)
  • The topic ‘Images in Flexslider not scaling when using mobile view’ is closed to new replies.