Make a block sticky on entire page

Site URL: https://www.practicethinkers.com/practice-thinker-app-1

Hello!

Looking for a code to make the a code block sticky throughout the entire page, not just the current section. 
I know the code for making a section sticky, but I need this blog to over the other content. 

Link: https://www.practicethinkers.com/practice-thinker-app-1

The code block in question: 

Thanks!
Anele

Hello?

Can anyone help? 🙂

add this code into custom css:

/* Make the sidebar sticky */
.sidebar {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 20px; /* Adjust this value to control how far from the top the sidebar stays */
  z-index: 100; /* Ensure it's above other content */
}

26 minutes ago, Squareko said:

add this code into custom css:

/* Make the sidebar sticky */
.sidebar {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 20px; /* Adjust this value to control how far from the top the sidebar stays */
  z-index: 100; /* Ensure it's above other content */
}

 

Hey, thanks, but it doesn't work 😞

Does anyone have another possible solution for this? 

You can change to

position: fixed;

instead