Jump to content


Photo
- - - - -

REV SLIDER - IPAD2 - Images adjust to height

REV slider ipad

  • Please log in to reply
2 replies to this topic

#1 peter_von_z

peter_von_z

    Newbie

  • Members
  • Pip
  • 9 posts
  • Country: Country Flag

Posted 20 December 2013 - 09:29 PM

Hi,

 

Seems the REV Slider when shown on ipad2 adjust to the height of the image, resulting in cropping on both sides. Or that there is some kind of minimum height. Anyway, a large portion of the image is not visible.

Is there a way to make it adjust to the width, like on this site :http://shenandoahmoon.com/ . Can it be done with CSS? 

 

 

I'm using images 2000px x 800px

 

My site www.unlockdesignventures.com

 

 

Thanks!

 

 



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 21 December 2013 - 07:45 AM

Hi there, I can't see a way using css you'll be able to fix that. I've tried background-size:contain/cover but neither take effect. I would imagine this is done to how the images are being sized/scaled using jquery.

 

The quickslider will allow you to get the effect you're looking for.



#3 peter_von_z

peter_von_z

    Newbie

  • Members
  • Pip
  • 9 posts
  • Country: Country Flag

Posted 21 December 2013 - 11:55 AM

Hi again,

Seems that there is some kind of minimum height applied to the slider. When I force the height to say 300px with :

.revslider-full {
max-height: 300px !important;
}

It looks good on the iPad. But then on the other hand it crops the height of the image in the browser on the computer. Can you change this value some how?

Does the quickslider have full-width?

Thanks!





Also tagged with one or more of these keywords: REV, slider, ipad