How to Open Circle Menu on Click in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • Circle Menu widget from The Plus Addons for Elementor opens on click, enhancing user experience across all devices.
  • Users select 'Click' from the Icon Trigger dropdown to change the circle menu's behavior from hover to click.
  • The Circle Menu widget requires installation and activation of The Plus Addons for Elementor to function.
Table Of Content

Do you want to open the circle menu on click in Elementor? Opening the menu on click will work on all the devices, providing a better user experience.

With the Circle Menu widget from The Plus Addons for Elementor, you can easily open the circle menu on click.

To check the complete feature overview documentation of The Plus Addons for Elementor Circle 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.

LIVE WIDGET LINK

Add the Circle Menu widget to the page and follow the steps –

1. Select Circle from the Icon Layout section.

Circle menu circle new how to open circle menu on click in elementor? From the plus addons for elementor

2. After selecting the appropriate menu open direction, add the menu items in the Menu List section.

3. Then go to the Extra Options tab and select Click from the Icon Trigger dropdown.

Circle menu circle click

Now, the circle menu will open and close on a click instead of on mouse hover.

Circle menu circle click demo

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 circle menu doesn't open on click?

If the circle menu isn't opening on click, ensure you've selected 'Click' from the Icon Trigger dropdown in the Extra Options tab. This setting is crucial for enabling the click functionality instead of the default hover action. If this is set correctly and it still doesn't work, check if the Circle Menu widget from The Plus Addons for Elementor is properly installed and activated.

Can I use the circle menu on mobile devices?

The circle menu opens on click, which enhances usability across all devices, including mobile. This feature is particularly useful for touch interfaces where hover actions are not applicable. By following the steps to set it up, you can ensure a better user experience on mobile devices with The Plus Addons for Elementor.

What is the best way to organize menu items in the circle menu?

To effectively organize menu items in the circle menu, select the appropriate menu open direction and add items in the Menu List section. This layout helps users navigate intuitively. Consider the hierarchy of your items; placing frequently accessed items closer to the top can improve usability. The Plus Addons for Elementor allows for easy customization of these settings.

How do I customize the appearance of the circle menu?

Customization options for the Circle Menu widget include selecting different icon layouts and adjusting the menu items. You can access these settings in the widget's configuration panel. Experimenting with colors and sizes can enhance visibility and user engagement. The Plus Addons for Elementor provides a range of options to tailor the menu to your site's aesthetic.

Last reviewed: April 10, 2026

Related Docs