Extra White Space

[jmccarley]

Hi,
On the mobile version of my site, 1111lincolnrd.com, there is a lot of extra white space between the header and the next block. I know this has something to do with my Rev Slider, but I cannot figure it out. I have tried to display some things on mobile only and others on desktop only, but once you click hide on desktop you cannot edit the element or block.

I tried the below code and that did not work.
@media (max-width: 480px) {
html { overflow-x: hidden; }
}

Thank you in advance for your help!

[Alaa]

Hi @jmccarley

In this case, you will have to make sure the background image size is set to “Cover” for mobile devices, I highly recommend following this guide when it comes to setting up revolution slider on mobile devices:

How to Make Revolution Slider Look Better on Mobile Devices - Lion Tree Group...

Thanks.

[jmccarley]

Hi,
I was able to get the slider to be the right size and fit accordingly. However, now there is even more white space on mobile.

I tried it with and without,
@media (max-width: 480px) {
html { overflow-x: hidden; }
}

[jmccarley]

[Prasant]

Hello @jmccarley,

Thanks for updating the thread.

From here I am not able to identify that actual problem that might be causing the problem with Revolution Slider. Can you please export the slider and share the file with us so we can test the same? You can take following tutorial:

Also please try removing all the custom CSS that you may have added and then see if that fixes the spacing issue.

Let us know how it goes.

Thanks.