Search code examples
htmlcssfooteroverlapsticky

Sticky footer covers bottom of body content

I've added a sticky footer, and I'm having trouble getting it to not cover the body content in Safari. Chrome and FF work fine, I've added a bottom-margin to the body to counter the height of the sticky footer. Why doesn't the same work in Safari?

Here is the page in question... I don't know which parts of the code to paste here, sorry...

http://go.datis.com/2019summit_agenda

I'd like the body content to have a margin between it and the sticky footer.

Solution

  • You could add

        padding-bottom: 200px

    to your events class