Safari for IOS unwanted features
<p>this might be sort of a random question. I'm developing a mobile web application and I want to give it as much of a native-app feel as possible. My problem is that i have elements on the website that is supposed to be centered both vertically and horizontally in the viewport but Safari's IOS browser snackbar (see picture) is ruining the look and feel. </p>

<p><a href="https://i.stack.imgur.com/arMSp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/arMSp.png" alt="enter image description here"></a></p>

<p>(OBS this is obviously not my webpage) </p>

<p>The list that appears at the bottom of the browser, is placed on top of the website so that it overlays its content. This is problematic since the element doesn't appear to be centered anymore when this happens. </p>

<p>My question is. Is it in anyway possible to make the snackbar push up/ compress the content of the website instead of overlaying it? I have seriously no idea what to google. </p>

<p>Thank you </p>