Streaming live at 10am (PST)

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


#1

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


#2

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


#3

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


#4

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


#5

Hi @CreativeExpressions

This should help a lot:


#6

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


#7

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