Hi,
I’m using a sticky footer inside a component (so inside the ion-content)
I have different margin depending on the browser.
On chrome and native ios Android device the padding seems the same.
But on safari/firefox the footer actually go behind the tabs bar.
Here is a demo and a picture.
StackBlitz demo
#footer {
position: fixed;
bottom: 33px;
width: 100%;
justify-content : center;
}
<div id="footer">
<p>Hello</p>
</div>