Still cannot figure out: Footer won't stay at the bottom of the page

Design help General
1

First time using Webflow & creating a site.

My footer won’t stay at the bottom. I know others have this issue before and I tried the various suggestions found in the forum. But the footer seems to be pretty stubborn - it still won’t stay at the bottom of the page in screens smaller than the desktop.

Also, the footer (with the skin color filled) had gone way past the bottom of the page for mobile portrait view. Even though I used Absolute, bottom, for positioning.

Help please. Thank you.

Here is my site Read-Only: https://preview.webflow.com/preview/work-in-progress-2d7bf2-880862b17dc90e?utm_medium=preview_link&utm_source=designer&utm_content=work-in-progress-2d7bf2-880862b17dc90e&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

2

Hey mate,

Delete all your position styles inside of your footer on all breakpoints and just use position: fixed, bottom on the parent container (in your case Footer).

Using position: absolute will result in other elements not respecting the box size of the positioned element. This will have a big and negative impact on responsiveness, so only ever use this if no other option is available.

Hope this helps

3

Got it! Thanks!!! :smiley: