Mobike issues with background video

Hey Webflowers,

I am quite new here and I am just starting to get to the WebFlow universe. I am designing a website for hair salon. This website has a hero section { on homepage only } with a background video. When I look at the preview - everything looks perfectly fine, but when I open the site on mobile device { iphone }- the video sticks out at the bottom and something is overlapping the hamburger menu so I cannot even open it.

Any help would be awesome

Thank you in advance.


Here is my site Read-Only: https://preview.webflow.com/preview/flappers-and-gentlemen?utm_medium=preview_link&utm_source=dashboard&utm_content=flappers-and-gentlemen&preview=b53da57c3fdbe45c912f009731112e90&mode=preview

Here is a link to test on an iPhone: https://flappers-and-gentlemen.webflow.io/

Did you resolve your issue? Looks like you did.
CloudApp

1 Like

Yes. Thank you. I just reduced the height of the video on mobile to 80vh.

Thank you again !