Extra Unwanted Space Below Slider Revolution

Support
#1

I’m having trouble with Slider Revolution displaying unwanted space when the browser width is less than about 1024 px. I’m using the latest version of the plugin (6.1.3) and the Pro theme (3.0.4). I have a simple page that demonstrates the problem here:
https://bikerideforhope.com/test/
When the browser width is greater than about 1024 the text element below the slider is displayed immediately below the slider (with just a bit of vertical whitespace).

But when the browser width is reduced below 1024 the text jumps down and a bigger chunk of vertical space is inserted.

By using Chrome’s DevTools I can see that the extra space is part of the slider, specifically the /rs-slide element.

In addition to observing the problem on my desktop PC I can also see it on my phone and my iPad (portrait orientation only).

Here are my settings in Slider Revolution:

The page name in the WordPress list of pages is TEST.

Can you help me understand why this extra space is being added at the smaller screen sizes?
David Salahi

#2

Hey David,

Thank you for setting up the test page and giving us the details of the issue. In your 3rd screenshot, the Height of Layer Area Size for 1023px - 778 Browser Width is 500px. That is the one taking up space. I changed it to 300px and it was reduced.

You can learn more about the Layer Area Size in Slider Revolution’s documentation here: https://www.themepunch.com/revslider-se-doc/slider-setup/#layers-grid-size

A tutorial video is also available for it. The interface is different now in the new version but the concepts are still the same.

Hope that helps.

#3

Christian,
Thanks a million for the fix and the video link! That solves my problem!!
Much appreciated,
David Salahi

#4

You’re welcome David!
We’re just glad that @Christian_y were able to help you out.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.