Bottom position footer in Gantry

In Gantry (with Grav), if I want to fixed footer section in bottom of page (without sticky effect), I have to configure in css this:

 #g-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;

But the last section before footer (in Hydrogen Theme this is Subfeature Section), appears behind the footer section. You can see in the screenshot:

However, without this css code, the footer and the last section keep their spacing:


I would like the footer to always appear at the bottom of the page, but without being fixed. There are pages with little content, in which the footer does not appear at the end, and they seem ugly. (Look at the image below)

I would like it to appear like this:

How can I get this without the footer section hiding the previous one?

Thanks in advance.

Hi there.

Finally, I’ve found a solution, maybe it isn’t the better, but for me works fine.
I’ve added this code to my custom.scss or custom.css stylesheet:

#g-page-surround {
    padding-bottom: 10rem;

With this option, in pages with few content, the footer in Gantry allways keeps its position at the bottom of page.

I hope have helped.

1 Like