Hi there, I've been following the tutorials to put the footer fixed, and sticky, but what i need is to make it anchored at the bottom of the page and not moving at all. Because when the content of the page isn't long enough the footer comes up and is floating on the page. Thank you so much for your help
I believe you're referring to this tutorial: https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-divi-footer-sticky
Yes! it does stick to the bottom but when i scroll down the content of the page overlays and go over the footer, if thats clear explanation. And i don't want it always at the bottom of the page, sticky. I just want it to be anchored at the bottom and only visible when your scroll down the page. What can I do about it? Thank you
I believe that's what the tutorial did. Basically, if your content is larger than the screen, then you will need to scroll down to see the footer.
But my page content is going over the footer when i scroll. The text is over the footer text. And i have no idea why that is! Thanks for your help
The website is in coming soon mode but here is a screenshot of the footer, with the content of the page over it.
From what I see, you have this CSS: Code: #main-footer { position: fixed; width: 100%; bottom: 0; } But from the tutorial: https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-divi-footer-sticky It's using the below CSS: Code: #main-footer { position: absolute; bottom: 0; width: 100%; } Also the tutorial asked to add jQuery code, which you haven't added it yet.