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.
Hi,
You can set page content div to a minimum height which can be 70vh .
You can try to fixed footer at bottom by using css something like this .
.footer { position: fixed; left: 0; bottom: 0; width: 100%; }
Can you give page link which is shorter ?
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.
Which page has little content ?
This css should work .
footer{ position:fixed; width:100%; bottom:0; }
It will fixed footer in bottom.
User | Count |
---|---|
498 | |
208 | |
130 | |
80 | |
44 |