Revolution Slider - Whitespace Below Slider on Smaller Devices

[whitemedia]

Hi,

I have a problem I cannot seem to find a solution to. On a website in development I have a Revolution slider directly below the menubar. The slider is full screen. I am trying to deal with two similar issues with it.

The website is: https://bit.ly/2x2AXUi

The problem is to do with the larger whitespace between the bottom of the slider and the top of the text section below it. The text section has standard padding of 45px, which is fine. The Slider section has its padding and margin set to 0px.

On a large 27" screen all looks fine, but when smaller screens are used, the whitespace between the bottom of the slider and the top of the text is way to big. Do you have any ideas of how I can normalise this to the expected 45px between the bottom of the slider and the top of the text section on all screen sizes?

Thanks,
Christopher

[nabeel]

Hi there,

Thanks for writing around! I tried to login with the provided credentials but it doesn’t work, however I checked your page and i see you’ve given 800px height to your first section which is causing the gap issue when the screen gets smaller (see screenshot) Please remove the height given to your section to fix the problem

Also your headline below your slider has the top padding of 80px, please remove the top padding to remove the spacing between the slider and the headline.

Cheers!

[whitemedia]

Hi Nabeel,

Thank you so much - you have provided the answers and I was blind to them! I had reused a template which had a standard Section parallax image. The section height had not been cleared out, and the headline height was also used to create the right proportions for that version!

All cleared and everything is as it should be.

Thank you again,
Christopher

[Prasant]

You are most welcome.