[Support request] Footer problem

[Emma Riegert]

Hello

I have tried a lot but don’t find the answer…
I’d like that my footer stay at the bottom of all the pages, and not visible during the scroll.
with position fixed, it stays during the scroll…
Can you help me ?
thank you

[Leo]

Hi there,

Just to confirm, you’ve got some CSS working but not for every page?

That case you will need to target the specific pages that are short in length.

Let me know if this makes sense 🙂

[Emma Riegert]

On short page, the footer is at the bottom, and it’s ok. On long page, it stays at the bottom but stays visible during the scroll. It follows the scroll. i’d like that it be not visible. How can I do that ?

[Leo]

Try this CSS:

body.home .site-footer,
body.page-id-7 .site-footer,
body.page-id-8 .site-footer,
body.page-id-45 .site-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

[Emma Riegert]

Thank you, it works, so for all the new page , I will have to add her id on the css ?

[Leo]

Yes 🙂

[Emma Riegert]

Is it the only solution ? thank you

[Leo]

Yes.

[Author]

Posts