putting footer to bottom of page

[DEAUXTECH]

Hello all, 

I have a footer bar that I am aiming to force to the bottom of the page. On pages with lots of content this is fine, but on pages with very little content it sits half way up the page. I have tried setting the body to 100vh but thats makes pages with very little content larger than the screen size forcing you to scroll to the footer which is unnecessary. 

Any help appreciated! Thanks. 

[mijankarim]

Hi,

You can set page content div to a minimum height which can be 70vh .

[DEAUXTECH]

Hi,

I tried this, 70vh is not tall enough and the footer still sits halfway up the page when set to this height. Thanks.

[mijankarim]

You can try to fixed footer at bottom by using css something like this .

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

[DEAUXTECH]

Hello, 

I have tried this also & unfortunately doesn't work. 

[mijankarim]

Can you give page link which is shorter ?

[DEAUXTECH]

Sure, I have added it below.

https://nfjfn2ykkvbal7p3-3748626467.shopifypreview.com

Please go to the login page, you will see a page that has short content. Thanks.

[mijankarim]

Which page has little content ?

[DEAUXTECH]

The login page, apologies, I thought I had added the page too.

[mijankarim]

This css should work .

footer{
position:fixed;
width:100%;
bottom:0;
}

It will fixed footer in bottom.