Footer won't stick to tbottom

[Fivestones (Jon Carr)]

I have a problem with the footer sometimes floating up into the page and over the top of images. This seems to only happen on my portfolio pages. Example: https://calvin-landscape.webflow.io/life-on-the-lake

This only happens on certain computers. I have tried everything to pin my footer to the bottom of the page and can’t figure out why it does it on some pages and not others.

Here is the Read-only link: https://preview.webflow.com/preview/calvin-landscape?utm_medium=preview_link&utm_source=designer&utm_content=calvin-landscape&preview=b809913fc1d7dc5eedcddb983d089ebe&pageId=600aed09e067f0bffcb79478&mode=preview

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[GRD (Gordon Dowling)]

Hiya, looks like Section 21 is set to position: fixed.

If you remove that, it should stop the problem

[Fivestones (Jon Carr)]

Thank you Gordon. If it is not fixed, what should it be? This morning, I tried changing that to absolute, relative, sticky… it did not seem to change anything.

[GRD (Gordon Dowling)]

So it doesn’t actually need any specific positioning applied, as it’s the last element in your document order shown in the navigator here:

The way things are ordered in the navigator dictates the order the same things appear on your page, if that makes sense?

So in this case, the navigation bar is at the top, followed by the first section which has your main content, and then Section 21 that has your footer.

[Fivestones (Jon Carr)]

How do I choose none? By default, it seems to go to static and gives the options for static, absolute, relative, and sticky.

[Fivestones (Jon Carr)]

I have changed it to static and if you go to the published page, you can see what happens. It looks fine on all breakpoints except the 1920 one.

[GRD (Gordon Dowling)]

Sorry that wasn’t very clear. Yeah if you default it back to static, that’ll do it.

On closer inspection, it looks like your grid has a max height of 100px:

If you remove that max height (just alt-click the blue “Max H” text), that should help:

I’ve also spotted you have a few empty extra rows and an area (Area-2) in your grid. If you remove those, that might help too:

Hopefully that does the trick, I’m still new to Webflow myself!

[Fivestones (Jon Carr)]

Thank you Gordon. Which page did you take this grid screenshot from?