100% or 100VH not full screen for larger resolutions

[Niall_Mc_Dermott]

Hi All,

I’m hoping someone can help. I read a few posts on a similar topic but couldn’t find a solution that works.

A site I created is made of fixed divs which are set to 100VH (I also tried 100% with 100% on body). Instead of showing full screen, there are empty spaces on top or bottom and would appear to be 80% or similar of vertical height.

https://preview.webflow.com/preview/kooplah-preview4?preview=baba92261f015aea53e4e5b4635e1963

http://kooplah-preview4.webflow.io/

Is there a way to fix this? The site is currently live with the issues.

I am using http://quirktools.com/screenfly/ to check on large monitors.

Thanks,

Niall

[PHRyan (Ryan Deshaies)]

Hello!

I don’t think I am seeing what you are referring to. At what screen resolution is this starting to happen?

-Ryan

[Cricitem (webTAC | Technology Apprenticeship Center)]

Could you show a screenshot of the issue? I made the page fullscreen on a 27" 5k iMac and without knowing how you WANT the design to appear, I’m seeing nothing like what you describe.

My suspicion is that there is an error popping up in the tool you’re using to simulate larger screens.

[Niall_Mc_Dermott]

It’s happening on everthing above 15" Notebook (1366 x 768). Thanks

[Niall_Mc_Dermott]

[Cricitem (webTAC | Technology Apprenticeship Center)]

Alright. Get rid of your max height value (currently 800px) on your “centre hero” element and you should be good to go. Full-screen screenshot is at a resolution of 3200x1600.

[Niall_Mc_Dermott]

Thanks a million. That fixed it. I appreciate it.