Mobile full 100WH Obscured by browser elements

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
mashtaytey
 
 
Posts: 53
Joined: Thu Mar 30, 2017 4:40 pm

Mobile full 100WH Obscured by browser elements

Post by mashtaytey » Sat May 01, 2021 12:03 pm

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/

mashtaytey
 
 
Posts: 53
Joined: Thu Mar 30, 2017 4:40 pm

Re: Mobile full 100WH Obscured by browser elements

Post by mashtaytey » Sat May 01, 2021 12:08 pm

also can you lazy load background images?

User avatar
Pablo
 
Posts: 23930
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Mobile full 100WH Obscured by browser elements

Post by Pablo » Sat May 01, 2021 12:24 pm

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.

Post Reply