Moving footer down on pages with not a lot of content, making it stick on bottom

This topic has 8 replies, 3 voices, and was last updated 10 years by Abracadabra.

Author
May 16, 2015 at 02:35 #59017

Abracadabra
Participant

I have few information only pages, about, terms, privacy policy, contact us etc…

On Contact Us I only have few lines of text and footer shows up a little below that, which is about half way the page, it looks pretty bad, I have the same issue with another page which does not have enough text to push the footer all the way to the bottom.

Is there a way to have the footer at the bottom of the page no matter how much text is on the page?
How can I accomplish this, there must be a way to do this, footer being visible at half page and white space beneath it does not look good.

May 17, 2015 at 05:41 #59137

Laura
Moderator

Hello, could you share a link to your page? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

May 17, 2015 at 14:50 #59181

Abracadabra
Participant

Hi Laura,

arystokrata.com

Username: Laura
Password: kleo1234

http://arystokrata.com/contact

this page in particular looks bad as it has the least content, imho the black footer stripe should be always at the bottom of page no matter what size screen I am looking at.

May 19, 2015 at 01:27 #59316

Abracadabra
Participant

I realize that I can push it down by entering ” ” multiple of times, but that is not a real solution.
If i push it down enough to be viewed properly on a 19 inch screen its still going to look bad on a 25 inch screen. It would be nice to have a dynamic solution which adjusts for screen sizes in cases that there is not enough text for footer to be pushed all the way down by text/content.

May 19, 2015 at 01:28 #59317

Abracadabra
Participant

entering should have been

May 19, 2015 at 01:28 #59318

Abracadabra
Participant

& nbsp ;

May 19, 2015 at 03:02 #59341

Abracadabra
Participant

Is there perhaps a way to lock the footer at the bottom of a page similar to choosing a sticky top menu?
May 19, 2015 at 06:13 #59366

Andrei
Moderator
Please add this rule to your wp admin area under ” Theme Options > General Settings > Quick CSS “:
COPY CODE
```
#main-container .template-page{ min-height: 80vh; }
```
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
May 19, 2015 at 16:04 #59409

Abracadabra
Participant

thanks
Author

Posts