Mobile Responsive Header Gap

Hello, the site I´m building is: http://www.route66marbella.net/menu/home I´m ok with the desktop version but if you go to the site on a mobile phone you will see that in portrait it shows a big white gap between the top bar and the header. I’ve tried disabling the header on mobile and it doesnt seem to work, I suppose it’s a theme issue and not the revolution slider.

I’ve seen sites using a similar style and they’ve managed to have it very responsive: http://joyslive.com/

Your help is very appreciated.