• 0

DMS 2 Rev Slider not responsive


Question

Posted · Report post

Hi,

I am wondering why the rev slider is not behaving responsive?

http://drgorman.ca/

 

I have the DMS 2  website set at percentage width based and full width display.

 

And I have defined the slider height..and tried it not defined also.

The images seem to scale..but only radically at different points... but they always crop the image..I need to see the entire image at all times.

 

Website is here..

http://drgorman.ca/

 

Thank You

 

DG

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

When uploading images or chosing images from the media library for the revSlider in your DMS options - you will see the following 

 

For high resolution, 2000px wide x 800px tall images. (2MB Limit)

 

your current images are 1413 x 625

 

Please try using image with a similar ratio and let us know if you see a difference. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, the images I am using are actually 2000 x 625.. but I will try 2000 x 800 and get back to you.

Thx

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Looks like (im checking this) the ratio forces the image down to 1000 x 625. Follow the recommended advice and let us know how you get on :) 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

Ok better at 2000 x 800..but at larger resolutions the top of the slider image  is getting cropped off..this is with the slider height not set.

When I set the slider height at 800px it behaves really strange..the image way to large and cropped and behaves erratically when scaling down.

 

http://drgorman.ca/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Any images you use - change the dimensions of the image in line with the ratio based on the height of the slider you are setting 

 

Could you record the steps you are using with this tool and we can then see exactly what is happening. http://www.techsmith.com/jing.html

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi..not really any steps to foolow here.

I deleted the old images fully from the site. Then created each slide in the DMS slider interface, uploaded the 2000 x 800 image for each, set each transition to fade..published.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The RevSlider section uses the CSS background-size property and value cover. Here is a description of cover from W3 Schools.

 

Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.

 

So what this means is that if you upload an image of 2000x800, it doesn't mean that all that image will be visible in your browser, as the image itself is being scaled to fit the area it has added too.

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