CODEWITHSUNDEEP
htmlcssfooteroverlapsticky
Cody Allsage
Cody Allsage

Reputation: 13

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.

Upvotes: 1

Views: 120

Answers (2)

Zak
Zak

Reputation: 1

You've got an inline height style on div class="large-header" id="large-header" that appears to be conflicting with a max-height style on line 416 of your stylesheet.

Upvotes: 0

Jordan Robinson
Jordan Robinson

Reputation: 82

You could add

    padding-bottom: 200px

to your events class

Upvotes: 1

Related Questions