Streaming live at 10am (PST)

Considering the safari Menu when defining 100vh

Dear community,

I am designing a guide for mobile only. I would like it to be as immersive as possible, thus I am using the full screen size to display pictures/content.
Please see the two screenshots. I set the size of this section to 100vh but this doesn’t take into consideration that on the iPhone for example the menu of safari is cutting the picture and therefore also potential description text I would like to add. It becomes very difficult for me to precisely position my content.

Did anybody else encounter small issues and has a solution.

Thanks a lot

Here is my site Read-Only:
The page in question I am referring to is the CMS collection page “Cafes template”