Footer Not Sticking to the bottom

[csosa]

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/

[TechnoBear]

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/

[PaulOB]

@csosa

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

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

[csosa]

@TechnoBear

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

im using chrome

[csosa]

@PaulOB

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.

I havent put any code…

[csosa]

@PaulOB

Add this code:

It worked, didnt break anything else!