Footer to stay at bottom of page but also not have things overlap it

Okay so what I need is

Footer to stay at bottom of sample pages
Foot to not over lap or under lap anything
when page is on a small screen, footer is below all content
when page is on a large screen footer is at the bottom of the screen so there’s no unwanted white space beneath the footer…

I have tried everything

I tried making the footer absolute and positioned at bottom, didn’t work on all screen sizes
I tried making the footer fixed and positioned at bottom, again didn’t work on all screen sizes

I tried making my middlediv (all content on page) different VH or VW or % and nothing worked.

Help :persevere:

https://preview.webflow.com/preview/creativeexpressions?preview=d59f136c70d867cb1b900ac68c8a0bc6

these pages specifically

http://www.creativeexpressionsinc.com/bridal-shower-invite-creative-expressions-graphic-web-design

Set the footer to fixed at the bottom and then set the z index to a value higher than everything else like 1000

@dfink but won’t this make it overlap the main content? I don’t want it to overlap anything either.

I don’t want it to overlap anything and I don’t want anything to overlap it either. :disappointed:

Hi @CreativeExpressions

This should help a lot:

Well it has to either go above or below the content. What other option is there?

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.