---
title: "How to Create a Circle Menu in WordPress?"
url: https://nexterwp.com/docs/create-a-circle-menu-in-wordpress/
date: 2024-11-29
modified: 2026-04-14
author: "Aditya Sharma"
description: "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..."
image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Create-a-Circle-Menu-in-WordPress_-1024x519.jpg
word_count: 272
---

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

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](https://nexterwp.com/docs/add-a-circle-menu-in-wordpress/).

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-container/)

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

1. Select **Circle** from the **Layout** section.

![](https://nexterwp.com/wp-content/uploads/2024/11/circle-menu-layout-circle-new-1.png)

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.

## Frequently Asked Questions

**Q: What should I do if the Circle Menu block is not appearing on my page?**
A: 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.

**Q: What is the best way to set up the Circle Menu for mobile users?**
A: 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.

**Q: Are there any limitations to using the Circle Menu block?**
A: 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.

**Q: Can I use the Circle Menu block with other page builders?**
A: 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.