Issue with display on iPad after the footer there is 100vh of space, even on a blank page with no content

Design help General
1

Hi, I’m having an issue with my site when it displays on iPad, it leaves a 100vh gap at the bottom. I have run this on a black page and the same issue (https://midnyte-city.webflow.io/test), it shows 100vh and then an extra 100vh for no reason.

Does anyone know the way around this?

Thanks

Aileen

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Hello,
I’m having the exact same issue. Did you figure how to fix it?
Thank you!

3

Hi @mideia,

Can you share a read-only link so we can look inside? You can do this via the share button found in the top right side of the Designer.

Regards,

Alex

4

Hi @enki ! Sure, here it is:

https://preview.webflow.com/preview/trio-pantoum?utm_medium=preview_link&utm_source=designer&utm_content=trio-pantoum&preview=a6acfa84dfab820562b3c71190fb0abf&workflow=preview

Additionally, here is a screencap of the issue on my iPad, as I’m not able to recreate it in the web editor on my computer.

IMG_2BF15D1922EB-1
IMG_2BF15D1922EB-12732×2048 360 KB

5

Hmm odd issue here, unfortunately I don’t have an iPad to troubleshoot live.

Have you tried setting maximum height 100vh on the body itself?

6

Yes, I have, with no change. I have been able to remove the issue only by disabling the overflow, but I would like to understand what is “overflowing”.