Keep Inner Section in Column on Sticky Scroll in Elementor

Keep Inner Section in Column on Sticky Scroll in Elementor

Keep Inner Section in Column on Sticky Scroll in Elementor

This is something that does not come out of the box with Elementor and I find it very strange because it just makes sense to make an inner section sticky. We sticky inner sections on most instances of the sticky scroll in the sidebar and need to use this code to do so.

Keep Inner Section in Column on Sticky Scroll in Elementor Code:

selector { position: sticky; position: -webkit-sticky; top: 50px; }

You’re going to paste this CSS in custom CSS, under the advanced tab of the inner section ‘section’. Of course change the ‘top: 50px’ to whatever offset you need. That is how far from the top you want the sticky element to stay. I hope this code helps. If you have any questions please leave a comment below. A pretty simple solution to this persistent problem.

Other Interesting Reads:

The Complete Guide to Website Maintenance

The Complete Guide to Website Hosting and How it Can Help You Build a Successful Business