CSS, Elementor Pro

How To Create A Sticky Footer That Reveals On Scroll

In this tutorial we will be building a footer that is stuck the the bottom of the page but reveals it self as your scroll up.

Here is what the effect should look like when we are done.

My staging environment

Theme: Underscores or Hello Theme

Elementor Version: Pro ( required to build your custom footer )

Let’s begin.

Build your footer as you like just remember that your footer widgets need to all in one section or this effect will not work as it should. You can as many inner sections as you like. After you have completed your footer we need to give it a special class so that we can target the custom footer easily.

Add this as your class:


Before you save your custom footer go the Scrolling Effects Options and choose to have a sticky section on the bottom.


Open up the Advanced Options for your footer and add this CSS to that section.

z-index: -1!important;


Because you can’t add a negative z-index within the Elementor options we need to use CSS to put the footer behind the other sections/widgets.

Congratulations you have just added a fixed footer to your site that will reveal on scroll.

Additional Notes

The most important thing to remember is that every section on your site needs to have a background color or image or you will be able to see the footer through the widgets.

Enjoy 😀.

Disclosure: Some of the links above are affiliate links meaning at no additional cost to you, I will earn a commission if you click through and make a purchase.

Related Posts

**Responses and Solutions to comments are handled on Sundays & Mondays.

3 Responses

  1. Everything works fine, except if there is less content and no scroll bar on the right, footer is under invisible scroll bar so there just appears white space on footer instead of scroll bar on the right.


Leave a Reply

Your email address will not be published. Required fields are marked *

By visiting iHeartElementor.com you accept our use of cookies and agree to our privacy policy.
Request A Tutorial

Have a request I would love to hear about.