Make page strech so footer is at bottom


Just started to use Hiero - excellent design, thanks very much. One issue I have though is some of my pages don’t have that much content on and so the footer floats half-way or three-quaters down the page rather than appearing at the bottom.

My site is - admittedly some pages still need content but the home pages does look very odd with the footer half way up the page.

Hi T

I checked your site and it looks all good.

In the home page, the footer is in the right place, it looks compact due to lack of content.


Thanks for the reply - however I would like the footer to always be at the bottom of the page without needing to add content to pad it out.

This is how the homepage looks: here
This is how I would like it to look (with footer at bottom): here

ok you can do so by adding a min height to the container. Add the below css and adjust it as per your needs. I would advice you to make the changes using child theme or by using a custom css plugin.

.site-main {
    min-height: 500px;

Hope it helps!!

That did the job, thank you :slight_smile:

You are welcome :slight_smile:

Glad it helped