Keep Inner Section in Column on Sticky Scroll in Elementor

Updated January 17, 2024
~ minute read
Keep Inner Section in Column on Sticky Scroll in Elementor

Content Key

Share this Post :
Get the most out of your marketing
Join over 100,000 of the most intelligent marketers in the galaxy, and receive marketing news and insights straight to your inbox.
Enter Email to Get Started:
(We will never share your information.)

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

Leave a Reply

More Great Posts

All About KPIs
Advertising

All About KPIs

All About KPIs If you’re a team member, you’ve heard about KPIs, whether they’re meeting with the company in a strategy or planning session, or

Read More »
Advertise with us
Join our advertising network to grow your business. Give us a call at (702) 904-4262
34.99 WordPress Updates | WordPress Support by 702 Pros
Sponsored
Kyla Sloan | Kyla Estes | Client Management | Reception | Sales
Advertising with Us
Kyla SloanAdvertising Specialist
Our team has the digital and traditional marketing skills to get you in front of customers looking for your product or service.
Want to talk now? Give us a call at (702) 904-4262

Powered by OnSago

Add Your Business To the 702 Pros' Directory
Please add some general information about your business.
Want to talk now? Give us a call at (702) 904-4262

Powered by OnSago

2022 Sale

Get 20% off!

All Web Design Packages
Days
Hours
Minutes
Seconds
Want to talk now? Give us a call at (702) 904-4262

Powered by OnSago