Sticky footer problem

[conte]

I add this to keep the footer on the bottom when there is not enough content on the page:

footer.x-colophon {
bottom: 0;
left: 0;
right: 0;
position: fixed;
}

works but now i got his nasty space here. would be nicer if the background image of the section would fill the space of the entire page. can this be done?

[nabeel]

Hi @conte,

Thank you for reaching out to us. There are number of ways to make the footer sticky, I’d suggest to try out the following guide https://css-tricks.com/couple-takes-sticky-footer/

If you’re using Pro then Pro has a bottom header feature which essentially acts as a sticky footer since it sticks at the bottom of the screen, see https://theme.co/apex/forum/t/sticky-footer/23008/4

Hope this helps!

[conte]

had to remore the CSS again as it did not work on the front page.

I do not see the options you have (see attachment) and yes I am using pro theme.

[christian]

It’s a Header feature.

Alternatively, you can follow the solution in this similar thread: https://theme.co/apex/forum/t/how-to-keep-footer-at-bottom-of-page-when-page-has-very-little-content/5738/4?u=christian_y

Hope that helps.