Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 16, 2014 at 7:26 pm #369104
    MarcG5

    Hi All,

    Thanks for the support so far it has been great!

    One last thing I need some advice on is how images are best displayed when using the full screen slider with mobile devices in portrait view. Obviously a landscape image is always best viewed in landscape and Enfold does a great job in adjusting the content to work with both views. With images it does struggle a little in terms of getting a best fit. Is there anything you can suggest in getting a best fit?

    Is there any code available that could be used to help ensure that as much of the image is displayed as possible in both views? Possibly a scalling ratio based on the screens width to adjust the image to a best fit?

    Thanks in advanced!
    Marc

    December 16, 2014 at 9:12 pm #369153
    Elliott

    Hi MarcG5!

    Perhaps your looking for something like this?

    @media only screen and (max-width: 479px) {
.av_fullscreen, .av_fullscreen * { max-height: 200px !important; }
}

    That will shorten the height a bit on small screens so it appears to be more landscape.

    Cheers!
    Elliott

    • This reply was modified 9 years, 10 months ago by Elliott.
    December 16, 2014 at 10:55 pm #369215
    MarcG5

    Perfect – Thanks once again Elliott!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Advice – full width images on mobile devices in portrait view’ is closed to new replies.