Footer Not Sticking to the bottom

#1

Hi I have a footer that is not sticking to the bottom of the page currently looks like:

http://54.172.86.136/category/login/

#2

Which browser are you using? The footer is at the bottom of the page in Firefox 66 on Ubuntu 18.10.

You have quite a number of errors on that page, so sorting those out would be a good first step. Without valid code browsers can only “guess” what you intend.

HTML validator: https://validator.w3.org

CSS validator: https://jigsaw.w3.org/css-validator/

#3

What code have you put in place to make this happen?

I can’t see any code in your page that would make this happen which means the footer will just sit under the content.

You could use flex to create a sticky footer but I don;t know how well it will play with what you have.

e.g.

Add this code:

body {display:flex;flex-direction:column;min-height:100vh;}
.site-footer{margin-top:auto;}

A sticky footer does not happen automagically :slight_smile:

1 Like
#4

im using chrome

#5

I havent put any code…

#6

It worked, didnt break anything else!