• 0
Sign in to follow this  
Followers 0

Revslider width on mobile devices


Question

Posted · Report post

I am creating a new site with dms and have a RevSlider on the main page (http://testing.lisasarnowski.com). The slides look great on a desktop, but the edges are cropped when viewed on my mobile (DROID RAZR M, Google Chrome). Attached is a screen shot. What can I do to ensure the slides hold their width?

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

Hi,

 

The RevSlider is a responsive slider section, meaning that your images are reduced in size to keep them in proportion. Because the woman in your image is already on the far right of the image, when the reduction is done, she is in the correct position in regards to dimensions go.

So you have two options, either use an alternative image meaning where the female isn't so closely knit to edge of your image or you can use custom CSS in the form of media queries to reposition the image when viewing on a tablet or phone.

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