Dynamic Viewport Height

Hi Everyone,

Sorry - I’m super new to Webflow. I have started a holding page as I get my main site ready.
Almost ready to go - but am struggling to get my bottom wrapper to show on tablets and mobile devices.
I’ve applied SVH to the hero section, but it still clips on an ipad (10") and is completely invisible on a iphone (8)

Any ideas?
https://preview.webflow.com/preview/heygui-main-site?utm_medium=preview_link&utm_source=designer&utm_content=heygui-main-site&preview=e773dd5e30917bc174b83a9e2cecd492&workflow=preview

Hi Gui, are you still facing this issue as it seems to be okay on my end?

Hi, thanks for your reply.
Yeah I think so. Bigger screens are no issue.
But on an iPad 10" it’s still cropping. Chrome (which has a bigger dynamic toolbar) crops out the bottom wrapper completely. Safari which is narrower crops it half off (see screenshot)

Maybe it’s just a Mac thing?
I’ve tried changing Min Height / Max height, making them both 100 SVH, making only one. Not sure.

On iPhones it’s now resolved (tests on an older device are still bad, but newer iPhones all seem ok)

Any ideas?

https://preview.webflow.com/preview/heygui-main-site?utm_medium=preview_link&utm_source=designer&utm_content=heygui-main-site&preview=e773dd5e30917bc174b83a9e2cecd492&workflow=preview

If you want to work on your project by yourself then you must need some basic knowledge that you can find in some courses available in Webflow University. Before start your next project on Webflow please see the course Webflow 101, try to clone the site mentioned in the course by your own and then try to do something with your own ideas. This will help you a lot in the future.

Course link: Webflow 101 | Webflow University