Jump to content

- - - - -

Revslider width on mobile devices

Revslider Mobile

  • Please log in to reply
1 reply to this topic

#1 dgsarnow†


    Advanced Member

  • DMS Subscriber†
  • 46 posts
  • Framework Version:DMS2
  • Country: Country Flag

Posted 17 December 2013 - 12:18 PM

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?

Attached Files

#2 Danny


    Is Awesome!

  • Moderators
  • 19838 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 December 2013 - 01:45 PM



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.

Also tagged with one or more of these keywords: Revslider, Mobile