How to Make a Section Sticky on Scroll in Elementor Horizontal Page Scroll?

Updated onApril 10, 2026By

Key Takeaways

  • Horizontal Scroll widget from The Plus Addons for Elementor allows users to make sections sticky on horizontal scroll.
  • Users must create an Elementor template for the sticky section before adding the Horizontal Scroll widget to the page.
  • Enabling the Sticky Section toggle in the Scrolling Options tab fixes the selected template content at the top during horizontal scroll.
Table Of Content

Do you want to make a section sticky on a horizontal page scroll in Elementor? Having a sticky section like a header can be great for user experience as it always shows important information to the visitor.

With the Horizontal Scroll widget from The Plus Addons for Elementor, you can easily make an Elementor template sticky on horizontal scroll.

To check the complete feature overview documentation of The Plus Addons for Elementor Horizontal Scroll widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, first you have to create an Elementor template for the sticky section.

Then, add the widget on the page and your Elementor template in the Content tab.

After that go to the Scrolling Options tab and enable the Sticky Section toggle.

Then from the Select Template dropdown, select your Elementor template.

Horizontal scroll sticky section

That’s it now you’ll see your selected template content fixed at the top while content changes on horizontal scroll.

Also, read How to Add Scroll Effect on Horizontal Page Scroll in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the sticky section isn't appearing as expected?

If your sticky section isn't showing, ensure that you've enabled the Sticky Section toggle in the Scrolling Options tab. This feature is crucial for making your section fixed during horizontal scroll. Additionally, double-check that you've selected the correct Elementor template from the Select Template dropdown. If these settings are correct and it still doesn't work, consider clearing your browser cache.

Can I use the sticky section feature for a sidebar in a horizontal scroll layout?

The sticky section feature is primarily designed for sections that remain fixed at the top of the viewport during horizontal scrolling. While you can create a sidebar, it may not behave as intended since the feature is optimized for top sections. For best results, use it for headers or top sections that enhance user experience by keeping important information visible.

What are the best practices for creating a sticky section in Elementor?

When creating a sticky section, ensure that the content is concise and relevant, as it will occupy a fixed space on the screen. Use the Horizontal Scroll widget from The Plus Addons for Elementor to easily implement this feature. Additionally, test the layout on different devices to ensure it maintains usability and aesthetics across various screen sizes.

Does the sticky section feature impact page performance?

Generally, enabling the sticky section feature should not significantly impact page performance. However, excessive use of sticky elements can lead to a cluttered interface, potentially affecting user experience. It's advisable to limit the number of sticky sections and test the page load speed after implementation to ensure optimal performance.

What happens to the content of the sticky section during horizontal scrolling?

When you enable the sticky section feature, the selected Elementor template content will remain fixed at the top of the viewport while the rest of the content scrolls horizontally. This allows users to continuously view important information without losing context as they navigate through the page.

Is there a way to customize the appearance of the sticky section?

While the page doesn't specify customization options directly, you can typically style your Elementor template using the Elementor editor before setting it as a sticky section. This allows you to adjust colors, fonts, and spacing to ensure that the sticky section aligns with your overall design aesthetic.

Last reviewed: April 10, 2026

Related Docs