How to Open Circle Menu on Click in WordPress?

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Nexter Blocks includes a Circle Menu block that allows users to open the menu on click.
  • The Circle Menu block enhances user experience by making navigation more user-friendly across all devices.
  • Users must install and activate Nexter Blocks to utilize the Circle Menu block's features.
Table of Contents

Would you like your circle menu to open when you click on it in WordPress? This click-to-open feature ensures a consistent and improved user experience on all devices, making navigation more user-friendly.

With the Circle Menu block from the Nexter Blocks, you can easily open the circle menu on click.

To check the complete feature overview documentation of the Nexter Blocks Circle Menu block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

LIVE BLOCK LINK

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

1. Select Circle from the Layout section.

circle menu layout circle new

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 section.

circle menu icon trigger click 1

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

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 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.

WordpressThemesElementorn8nAIClaudeAutomationServer
LinkedIn X Website

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

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 section in the Extra Options tab. This setting is crucial for enabling the click-to-open feature. If it's still not working, double-check that the Circle Menu block is properly installed and activated as part of the Nexter Blocks.

Can I use the Circle Menu block on mobile devices?

The Circle Menu block from Nexter Blocks is designed to enhance user experience on all devices, including mobile. By implementing the click-to-open feature, it ensures that navigation remains user-friendly across different screen sizes, making it a great choice for responsive design.

What is the best layout direction for the Circle Menu?

Choosing the appropriate menu open direction is essential for user experience. Depending on your site's design and layout, you may want to experiment with different directions to see which one feels most intuitive for your users. The Circle Menu block allows you to select from various layout options, so consider testing them to find the best fit.

What happens if I forget to add menu items to the Circle Menu?

If you skip adding menu items to the Circle Menu, it will appear empty when clicked. This can lead to user confusion, as they won't see any options to navigate. Always ensure that your Menu List section is populated with relevant items to provide a complete navigation experience.

Are there any limitations to using the Circle Menu block?

One limitation to consider is that the Circle Menu block is part of the Nexter Blocks, so it requires installation and activation to function. Additionally, it relies on the Gutenberg editor, meaning it won't work as a standalone theme without it. Ensure your setup meets these requirements for optimal performance.

Is there a way to customize the appearance of the Circle Menu?

While the page doesn't specify detailed customization options for the Circle Menu, you can typically adjust styles through the WordPress Customizer or additional CSS. This allows you to align the menu's appearance with your site's branding. Consider exploring these options for a more personalized look.

Last reviewed: April 14, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123……………………………………………………………51