How to Create a Circle Menu in WordPress?

Key Takeaways

  • Nexter Blocks includes a Circle Menu block that allows users to add a visually appealing circle menu to their WordPress website.
  • Users can manage the circle menu radius using the Circle Radius field within the Extra Options tab.
  • The Circle Menu block offers two trigger types: Hover to open on hover and Click to open on click.
Table of Contents

Creating a circle menu on your WordPress website can give it a special, standout feature. It’s a unique addition that adds a different touch to your site, making it more visually appealing and engaging for visitors.

With the Circle Menu block from the Nexter Blocks, you can easily add a circle menu on your WordPress website.

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.

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

1. Select Circle from the Layout section.

circle menu layout circle new 1

2. Then, from the Direction dropdown, select the appropriate menu open direction.

3. In the Menu List section, add the menu items.

Now, you should be able to see a beautiful circle menu.

From the Extra Options tab, you can fine-tune the circle menu further. 

You can manage the circle menu radius from the Circle Radius field.

From the Icon Delay (ms) section, you can delay the menu closing. 

Then, from the Menu Open Speed (ms) section, you can manage the menu opening speed.

From the Icon Step In (ms) and Icon Step Out (ms) sections, you can manage menu item step in and step out duration.

Then, from the Icon Trigger section, you can select the menu trigger type. Here, you’ll find two options – 

Hover – To open the circle menu on hover.

Click – To open the circle menu on click.

You can select different transition effects from the Icon Transition dropdown.

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

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

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if the Circle Menu block is not appearing on my page?

If the Circle Menu block isn't showing up, ensure that the Nexter Blocks plugin is installed and activated. This block is specifically part of the Nexter Blocks, so without it, you won't have access to this feature. Check your plugins list in WordPress to confirm its status.

What is the best way to set up the Circle Menu for mobile users?

For mobile users, consider using the Click trigger option for the Circle Menu. This allows users to tap to open the menu, which is more intuitive on touch devices. Additionally, ensure that the menu items are clearly visible and easy to interact with on smaller screens to enhance usability.

Are there any limitations to using the Circle Menu block?

One limitation is that the Circle Menu block is part of the Nexter Blocks, meaning you need to have it installed to use this feature. Additionally, the menu design may not be compatible with all themes, so testing it with your current theme is essential to ensure it displays correctly.

Can I use the Circle Menu block with other page builders?

The Circle Menu block is specifically designed for use with Gutenberg as the primary builder. While it may work with other builders like Elementor or Bricks, its full functionality is optimized for Gutenberg. If you're using a different builder, you might miss out on some features.

Last reviewed: April 14, 2026

Related Docs