Archived topic
Footer problem
7 replies · Started by Emma Riegert on September 23, 2020
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
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 :)
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 ?
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;
}Thank you, it works, so for all the new page , I will have to add her id on the css ?
Yes :)
Is it the only solution ? thank you
Yes.
