Hi all! I am having issues with my site’s footer on mobile Safari. The footer is meant to be underneath everything else (its z-index is 0) and show only at the very bottom of the page. Instead it pops up too soon, and it is overtop of the body content.
Below are some short videos of my site that hopefully show what I mean. Please don’t mind the silly placeholder images, it’s still very much a work in progress.
Here is what it looks like on my iPhone in Safari:
Here is what it looks like on my friend’s Chrome:
Do sticky positions not work on Safari? Should I just give up on my dreams of a sticky footer and make it a regular one?
Thanks in advance for any assistance!