Sticky Section in Elementor Free?

MrDenz said:

Try this:

First, add a CSS class to the section or container you want to make sticky.

For example, call it my-sticky-section.

Then, add the following CSS to your WordPress customizer or the CSS editor within Elementor:

.my-sticky-section {
position: -webkit-sticky;
position: sticky;
top: 0; /* Adjust this value to control the distance from the top */
z-index: 1000; /* Keeps it above other elements */
}

This code will make the section stick to the top of the viewport as you scroll down.

Adjust the top value to control the offset distance from the top.

Click to expand...