Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 20, 2014 at 9:05 am #293561
    databuzz

    I’ve got an Easy Slider showing some screenshots from a desktop, iPhone and iPad. If you look at the Easy Slider the desktop ones are showing fine but the iPhone and iPad ones are taking up a lot of vertical space.

    I’ve got the image size set to No Scaling.

    Just wondering if there’s some option I can use to get the iPhone/iPad ones to appear smaller – they were taken in Portrait mode if that helps.

    Thanks

    July 21, 2014 at 5:39 pm #293929
    Dude

    Hey databuzz!

    You can try to use a css media query to re-size the images. You can insert the code into the quick css field or child theme style.css file. Use the code like:

    
@media only screen and (max-width: 989px) {
#top .avia-slideshow li img {
width: auto;
max-height: 100px;
}
}

    and replace the max-height value with any custom, postive value and adjust the screen size (set to 989px in the demo code) if necessary. It determines which devices/screen sizes will be affected by the media query.

    Cheers!
    Peter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.