A gap under Revolution Slider on mobile

Support
#1

My website http://www.rehabitlabs.com has a standard slider at the top of the page. Looks great on desktop however when the page is viewed on mobile there is a white gap between the bottom of the slider & the top of the next section. Can you suggest what I need to tweak to eliminate this please.

#2

Hello @mitchmeister,

Thanks for writing in!

I am using Chrome emulator and I can’t replicate the issue on my end. Can you please share screenshots? As a possible solution you can try to reduce section padding values.

Thanks.

#3

Hi

I just downloaded Chrome on my iPhone & confirm that the gap doesn’t show there.

On Mobile Safari however it looks like this

http://cloud.rehabitlabs.com/WQvCpC

What do you suggest to fix this?

#4

Hello There,

I am another staff and I could not replicate the issue. Could you please clear your mobile Safari browser cache or use private browsing mode and test your site again?

Please let us know how it goes.

#5

No change. I have tried the site on Safari on several iPhone’s (6’s & 7’s) & they all show the gap.

#6

Hi there,

Please try this code:

@media (max-width: 480px) {
    .home #next {
        margin-top: -20px !important;
    }
}

If this doesn’t work, kindly provide the admin logins of your site in a Secure Note.

Thank you.

#7

-10px was perfect thank you

#8

Hello There,

You’re most welcome!
Thanks for letting us know that it has worked for you.

Regards.