Jump to content


This topic is now archived and is closed to further replies.


Revslider width on mobile devices

Recommended Posts

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?

WordPress 4.1.1

DMS2 running Skeleton Basic Child Theme

Share this post

Link to post
Share on other sites



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.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • stijnxo
      By stijnxo+
      The Filtering of categories in the Masonic Gallery refreshes back to ALL categories when the DMS Revslider loads a new image?
      Anybody any idea? See Artists Category refreshes back to ALL when the DMS Revslider with images on the top loads a news image on http://www.18hrsfestival.nl/
    • dwpoyner
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?

    • kwaoru
      By kwaoru
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz