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: https://preview.webflow.com/preview/travel-guide?utm_source=travel-guide&preview=c4ee4689d9c1b8a3809096b136c87348
The page in question I am referring to is the CMS collection page “Cafes template”