Good morning all,
So I’ve been testing out my website in Safari on iPad (I can’t download any other browsers onto it right now, company restrictions.) and I’ve got my landing page’s 1st section to fill to the full viewport height of the browser.
However safari has this irritating feature where if you scroll down, the top bar shrinks away… yet this doesn’t seem to effect the VH height… It’s like it just tucks a little bit extra bit of it below until you scroll down.
This is a problem because I’ve now got elements on my page that align to the bottom of the 1st section not appearing on load until the user scrolls down.
I’ve tried aligning it to the top and padding it as far down as I can but because Webflow doesn’t have a separate display function for iPad Landscape (This a highly requested feature from 2 years ago… come on guys), the desktop version and ipad version position is totally differently no matter the measurement.
I’ve not had much luck so far, any clues?
Here is my site Read-Only: LINK