How to Create a Sticky Menu in Elementor?

Key Takeaways

  • The Plus Addons for Elementor includes a Navigation Menu widget that allows users to create a sticky menu.
  • Users enable the Sticky Menu toggle from the Extra Options tab to make the menu stick to the top of the page.
  • The On Mouse Scroll Up Sticky toggle reverses the effect, making the menu sticky when users scroll up instead of down.
Table Of Content

Improving the user experience on your website is crucial for its success. One important aspect of creating a seamless browsing experience for website visitors is having a sticky menu. A sticky menu is a navigation menu that remains visible and “sticks” to the top of the page, even as users scroll down.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily create a sticky menu.

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

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

To do this, add the Navigation Menu widget to the header template and follow the steps –

Note: To create the header template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.

1. From the Layout and Content tabs, select the appropriate Menu Type, Menu Direction and menu.

2. Then enable the Sticky Menu toggle from the Extra Options tab.

Navigation menu sticky menu new how to create a sticky menu in elementor? From the plus addons for elementor

Now you should have a sticky menu.

You can also reverse the effect by enabling the On Mouse Scroll Up Sticky toggle this will make the menu sticky when users scroll up instead of down.

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
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 my sticky menu isn't appearing in Elementor?

If your sticky menu isn't showing up, ensure that the Navigation Menu widget from The Plus Addons for Elementor is installed and activated. Also, check that you've enabled the Sticky Menu toggle in the Extra Options tab. If itu2019s still not visible, verify that your header template is correctly set up using either the Nexter Builder or Elementor Pro.

What are the best settings for creating a sticky menu in Elementor?

For optimal results when creating a sticky menu in Elementor, select the appropriate Menu Type and Menu Direction from the Layout and Content tabs. Additionally, enabling the Sticky Menu toggle in the Extra Options tab is crucial. These settings ensure that your menu is both functional and visually appealing.

Does the sticky menu feature work with all versions of Elementor?

The sticky menu feature requires The Plus Addons for Elementor, which is compatible with Elementor Pro and the free Nexter Builder for creating header templates. It does not work with other page builders like Gutenberg, Beaver Builder, or Divi, so ensure you're using the correct platform.

What common mistakes should I avoid when setting up a sticky menu?

A common mistake is neglecting to activate the Sticky Menu toggle in the Extra Options tab. Additionally, not testing the menu on different devices can lead to a poor user experience. Always preview your sticky menu on both desktop and mobile to ensure it functions as intended.

Last reviewed: April 10, 2026