Positioning / Layout Issue

Hello!
I have a pretty standard website but am having an issue with the footer. On smaller screens or when zooming in on a larger screen, the footer gets out of position and travels up the screen (screenshot attached). The footer should always be at the bottom of the page.

Any help is greatly appreciated!


Here is my site Read-Only:
https://preview.webflow.com/preview/ice-house-058c7c?utm_medium=preview_link&utm_source=designer&utm_content=ice-house-058c7c&preview=8e1b70f9875bfeca793cf5a77380aa5a&workflow=preview

It’s a bit of an odd setup but you have two footers-
[1] is designed for desktops, and [2] is designed for smaller breakpoints.

It looks like it was built so that they’d switch at tablet, due to the name section-footer-tablet, but in fact tablet looks OK with the desktop one showing.

I’d make the adjustment at mobile landscape [3] where you have both footers showing.

At that breakpoint, hide [4] section-footer [1] and your tablet one should be showing properly at the bottom of the page.

1 Like

Okay, great, thank you!! I think I confused myself here. I will delete this post soon as it likely won’t be helpful for anyone else. I appreciate your help!

Don’t delete the post, it’s important for the community and for stats as well.

1 Like