Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 30, 2013 at 3:42 pm #182466
    pgentile1

    Images on home page using full-screen slider are cropped in the mobile view. Is there a way to have images keep their aspect ratio in mobile view? Fine even if they are letterbox.

    October 30, 2013 at 4:03 pm #182473
    pgentile1

    I’ve tried changing width in grid.css in the Mobile (Portrait Section) but it doesn’t seem to change it.

    October 31, 2013 at 1:47 am #182717
    Ismael

    Hi!

    Can you please give us a link to the website? The theme demo used a 1500x1500px images for the full screen slider.

    Regards,
    Ismael

    October 31, 2013 at 3:29 pm #182973
    pgentile1

    Sure here is the link: http://www.blackwhiteandraw.com/studio/

    Full screen slider works great, we are using images close to 1500x1500px. Looks great on desktop, works and looks good everywhere else.

    However the images crop to the screen size on mobile devices. My client doesn’t want the images cropped in mobile views. He wants them to have their true aspect ratio.

    November 4, 2013 at 10:44 am #184164
    Dude

    Hi!

    Try to insert following css code into the quick css field

    
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-repeat: no-repeat;
webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

    Regards,
    Peter

    November 4, 2013 at 8:19 pm #184422
    pgentile1

    That worked perfectly, thank you

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘mobile image aspect ratio’ is closed to new replies.