Page 1 of 1

Mobile full 100WH Obscured by browser elements

Posted: Sat May 01, 2021 12:03 pm
by mashtaytey
Hi Pablo
I have my layout grid set to Height: 100wh
On desktop, it works a treat.
However on mobile (safari, chrome), the full height is indeed the full height, but the bottom and top of my grid is obscured by the browser's own nav header footer.
Is there a way for the full height to be the exact viewable area within the browser's top and bottom nav borders?

https://www.abbatributebandrevival.co.uk/speed/

Re: Mobile full 100WH Obscured by browser elements

Posted: Sat May 01, 2021 12:08 pm
by mashtaytey
also can you lazy load background images?

Re: Mobile full 100WH Obscured by browser elements

Posted: Sat May 01, 2021 12:24 pm
by Pablo
The 100vh is determined by the browser so you have no control over whether or not the browser's own nav header footer will be included.

In HTML, then is no lazy load option for backgrounds. it's only available for regular images.