Docs

[jorimdeporim]

Hi,

I’d like to have a sticky footer for pages that aren’t long enough to fill up the entire screen. I found a thread concerning this: https://community.theme.co/forums/topic/sticky-footer-2/ but unfortunately it doesn’t work with my site 🙁 I can’t respond to the thread so that’s why I created an new one.

I hope you can help me!

[Joao]

Hi There,

Please provide us the URL and point us the page you would like to have the sticky footer.

Thanks,

Joao

[jorimdeporim]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.home .x-colophon, .page-id-2 .x-colophon {
bottom: 0;
left: 0;
right: 0;
position: fixed;
}

Hope that helps,

Joao

[jorimdeporim]

Joao, you just made my day, thanks so very much!

[jorimdeporim]

Oops, there’s one issue! When I view the ‘Over’ page on a mobile device, I still see a sticky footer on the bottom of the screen.
My problem was that I didn’t have enough content to fill up the screen, so the page would look weird on large screens, with a footer halfway on the screen. The sticky footer solves that problem, but it wasn’t a problem on smaller screens. Now the page looks weird on small screens!
Is there a solution for this?

[Rad]

Hi there,

Please update your CSS to this,

@media ( min-width: 980px ) {
.home .x-colophon, .page-id-2 .x-colophon {
bottom: 0;
left: 0;
right: 0;
position: fixed;
}
}

Hope that helps.

[jorimdeporim]

It worked! Thanks 🙂

[Rad]

You’re welcome!

[Author]

Posts