I have a sticky footer on my website (FYI its doesn't have much content so the pages are quite short).
When I view the page on mobile the black safari nav bar covers the footer. Is there a way to have the footer sit above the nav bar?
Thanks
Footer covered by safari nav bar
I have a sticky footer on my website (FYI its doesn't have much content so the pages are quite short).
When I view the page on mobile the black safari nav bar covers the footer. Is there a way to have the footer sit above the nav bar?
Thanks
Could you please supply any screenshots or links to illustrate the problem?
Now I see!
Well… the only thing you could do about this is giving the footer more padding / margin / space to the bottom.
That iOS Safari Interface is designed to be over the content. It only hides while scrolling and comes back in as soon as you touch the bottom part of the screen (or scroll up).
Afaik there’s no efficient way to make it behave differently.
No worries, thanks
Dear @scottmacc
You could give the footer a position absolute and bottom 20px.
But that will have other consequences as well.
Not very recommendable.
A padding bottom is a good idea @edgrbnz
Best!
Marius