White space underneath footer

[Duncan_Anderson]

Hi webflowers,

I’ve scoured the webflow forum for the same issue but none of the solutions seem to work.

There is a considerable amount of white space below my footer on just one page (contact page) of the website.

Can someone look into this please? Thanks very much!

https://preview.webflow.com/preview/yara-d48118?utm_medium=preview_link&utm_source=designer&utm_content=yara-d48118&preview=c5bd59828210db2ef5e51489afcf507c&pageId=5f0b6bc37221923eb1d4f700&mode=preview

[Stan (justAnotherDeveloper)]

Hi @Duncan_Anderson I do not see any whitespace under the footer

[Duncan_Anderson]

It’s fine in preview mode but when I tried opening in browser (chrome/firefox) the problem occurs

[webdev (Jeff Selser)]

So could you share your published URL?

[Duncan_Anderson]

https://www.yarayouth.ca/contact

And here is a screenshot on my end as to what I’m seeing.

[webdev (Jeff Selser)]

What device and orientation are you seeing this issue on?

[Duncan_Anderson]

I’m seeing the extra white space on my ViewSonic 22" monitor.

On my MacBook air it’s not appearing however.

Any thoughts? Thanks for helping out Jeff - I really appreciate it.

[webdev (Jeff Selser)]

Set the background of the body to that peachy color ( background-color: #eeb597;
), set the body (all body elements) to display:flex and flex-direction:column. On the footer set the margin top to auto.

I believe there is a video in the university (sticky footer I think) that covers this.