Content cutoff when viewed on device with scalling

Hi All,

I’m trying to figure out how to fix this issue when the site is viewed on devices with scaling over 100% (this is most Windows laptops and also tested on a 2017 Macbook Air)

https://preview.webflow.com/preview/vic-and-cin-2023?utm_medium=preview_link&utm_source=designer&utm_content=vic-and-cin-2023&preview=6977b1e0d0038f168ad2a82419104776&workflow=preview

On a normal 1920px display with scaling at 100% the content displays fine

When viewed on 1920px display with scaling at 150% the content is cutoff and I can’t figure out what needs to be changed to allow for the scaling

Thanks,
Victor


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

HI @vkay you have set on your section height:100vh so you are limiting its height. Try to use height:auto instead as you have set min-height:100vh anyway. Now all should work as expected.

Hi @Stan thank you for your response, this seemed to help the majority of my issues, it now scrolls a lot smoother on all browsers. I also found that setting the Sizing to None also helped resolve the final scaling issue!

image

I had to fix the mobile sizing to reflect however it all seems responsive and working.

Thanks for your help,
Vic

1 Like