Hide Footer on Select Pages and Make Next Section Above it Fixed

I'd like to hide my existing site footer on certain selected pages and make the section just above that hidden footer fixed.

URL: upliftingme.co

You can use this as code injection to hide the footer on select pages:

<style>
#footer-sections {
  display:none;
}
</style>

What do you mean by fixed?

3 hours ago, jmerrill said:

make the section just above that hidden footer fixed.

@Ziggy Thanks for the code!

Here's some additional info: I'm creating lessons pages (don't ask me why I'm not using the built-in Courses), which you can see here: https://upliftingme.co/lesson-1-claude-monet

I've hidden the header and footer on each of these pages and would like to have the buttons shown at the bottom of the pages display as fixed - meaning sticking "sticky" to the bottom with the z-index being 100 (on top of everything else).

Beautiful!!! Thank you @Ziggy

Just now, jmerrill said:

Beautiful!!! Thank @Ziggy

That code targets the last section of the page, so make sure your sticky section is at the end of the page.

yep, tried it - works beautifully!