Mobile Version: Gap under header before the Revolution Slider

cnatalino

In the mobile version of my site I am getting a whitespace under the header (logo and nav) and before the revolution slider.
You only see this on the mobile version.

Is there a way to fix that?

Thank you!
Cheri 

cnatalino

Forgot to leave the url to that page: http://www.wholelife-studio.com/2015Site/our-team/

Albert

Hi,

this problem is related with your custom css. BTW it does not look the same on our side. This is what we see when we open your website on mobile http://pasteboard.co/2NsRrOXP.png

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cnatalino

Thanks for sending that screenshot. Do you have any ideas why that slider is pushing right like that when I have the slider set to "auto responsive"?

2 additional questions:

1) In the mobile version, when you open the nav menu, it pushes the site content down. Can it be set to open OVER the content of the page and not push everything on the page down as the menu opens.

2) Is there an easy css snippet I can use to add padding above the main nav on the regular version of the site (not mobile).

Thank you!
Cheri

Albert

We have no idea what pushes slider to right. This is for sure your custom css. Please remove all your custom css and you see this will help what means you did mistakes in your code.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next