Revolution Slider in Pro Header space above on iPad

[cvdw]

Hi,

I setup a hero full screen header in Pro with Revolution Slider because that’s still the best way to have a responsive video header I think.

https://roccocoronel.com/rev (it’s a test page with that header)

It’s showing fine on laptop and big screen and on my iPhone but on my iPads there in a space above the video. See screen shots.

I can I get rid of this space on iPad?

[tristup]

Hi @cvdw,

Thanks for reaching out.
I have checked and found that you have set the height of the second bar to 100vh through the custom CSS code and that is the reason behind your problem. If you still want to set the height to 100vh please set it for specific breakpoints only.

To learn more about media queries, please go through the following article.

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the we really do not provide support for custom codes, which means we can’t fix them in case it conflict with something on your site, nor will we enhance them. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[cvdw]

Thanks, I forget the custom css was there… I removed it all and now it’s okay!

Carel

[tristup]

Hi Carel,

Glad that we are able to help you.

Thanks