Goal: Fixed-to-a-point footer, on all devices, iOS included.
The website works on everything except an iPhone (both on Safari and Chrome). I've removed the flexbox and it wasn't an issue on iOS anymore (which is why I think it's a flexbox issue, and based off searching here), but when I tried to get my footer to stay at the bottom, the way I have it now, it went all screwy and I cannot, for the life of me, get it to work this way without the flexbox.
What I am trying to achieve is for the footer to stay fixed to the bottom, and if I were to resize the height of my browser window, for the footer to adjust, but to stop short of whatever content I have, as is the case with the linked preview, as opposed to overlapping entirely over my main content. This happens if I remove the flexbox and simply go with a fixed footer.
Any help would be greatly appreciated.