• 0
Sign in to follow this  
Followers 0

REV SLIDER - IPAD2 - Images adjust to height


Question

Posted · Report post

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!

 

 

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0