---
title: "How to Create a Circle Menu in Elementor?"
url: https://theplusaddons.com/docs/create-a-circle-menu-in-elementor/
date: 2023-11-09
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Want a menu that fans out in a circular arc instead of a plain list? The Circle Menu widget's Circle layout does exactly that. This doc covers the Circle layout..."
image: https://theplusaddons.com/wp-content/uploads/2023/11/How-to-Create-a-Circle-Menu-in-Elementor_-1024x536.jpg
word_count: 217
---

# How to Create a Circle Menu in Elementor?

## 

- Circle Menu is a Pro widget in The Plus Addons for Elementor Pro, and it requires Elementor (free) installed and active.
- The Circle layout in the Circle Menu widget fans menu icons out in a circular arrangement around the toggle button on the front end.
- The Plus Addons > Widgets panel lets a user search for Circle Menu and turn its toggle on before editing the default items or adding new ones with + Add Item.

Want a menu that fans out in a circular arc instead of a plain list? The Circle Menu widget's Circle layout does exactly that.

This doc covers the Circle layout specifically - see the Settings Overview for every other option.

For the full settings tour of the **Circle Menu** widget, see [Circle Menu Widget Settings Overview](https://theplusaddons.com/docs/circle-menu-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/circle-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** Circle Menu is a **Pro** widget - it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Circle Menu** and turn its toggle on.

## Steps

- Add the **Circle Menu** widget to the page.- From the **Icon Layout** control, select **Circle** (this is also the default).- In the **Menu List** repeater, edit the default items or add your own with **+ Add Item**.

![Icon Layout control set to Circle](https://theplusaddons.com/wp-content/uploads/2026/09/circle-menu-circle-layout.webp)

## How It Behaves

Confirmed on the front end: clicking the toggle button genuinely fans the menu icons out in a circular arrangement around it.

## Limitations

- Circle Menu is Pro-only.

## Related Docs

- [Circle Menu Widget Settings Overview](https://theplusaddons.com/docs/circle-menu-widget-settings-overview/)- [How to Open Circle Menu on Click in Elementor?](https://theplusaddons.com/docs/open-circle-menu-on-click-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before I can create a circle menu in Elementor?**
A: Elementor free has to be installed and active, and the Circle Menu widget needs the paid version of The Plus Addons for Elementor. That matters because the widget is Pro-only and does not exist in the free plugin. In practice, the first setup check is whether The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH is installed and activated, then whether Circle Menu is turned on under The Plus Addons > Widgets.

**Q: Why isn’t the Circle Menu widget showing up in Elementor?**
A: The usual blocker is that Circle Menu is a Pro widget, so it will not appear in the free plugin. The widget also has to be enabled under The Plus Addons > Widgets by searching for Circle Menu and turning its toggle on. If it still seems missing, that usually points to the paid addon not being installed or activated yet, which is required before the widget can be used inside Elementor.

**Q: How do I make a menu open in a circular layout instead of a normal list?**
A: The Circle layout is what turns the menu into a circular arc around the toggle button. In this tutorial, that layout is selected from the Icon Layout control, and it is also the default. The practical benefit is simple: you get a fan-out menu instead of a plain vertical list, which makes the interaction feel more compact on the page while still keeping multiple links accessible.

**Q: Can I add my own menu items to the circle menu?**
A: The Menu List repeater lets you edit the default items or add your own with + Add Item. That gives you control over what appears in the circular menu without rebuilding the widget from scratch. A useful detail here is that the tutorial focuses on the Circle layout only, so item editing is part of that same setup rather than a separate workflow.

**Q: What happens when someone clicks the circle menu toggle button?**
A: On the front end, clicking the toggle button fans the menu icons out in a circular arrangement around it. That behavior is confirmed in this tutorial, so it is not just an editor preview effect. For real pages, this means the interaction depends on the toggle button as the trigger, which keeps the menu compact until a visitor opens it.

**Q: Where can I find more settings for the Circle Menu widget?**
A: The Circle layout tutorial only covers that specific layout, while every other option lives in [Circle Menu Widget Settings Overview](https://theplusaddons.com/docs/circle-menu-widget-settings-overview/). There is also a related guide for trigger behavior called [How to Open Circle Menu on Click in Elementor?](https://theplusaddons.com/docs/open-circle-menu-on-click-in-elementor/). That split matters because layout choice and interaction behavior are handled as separate parts of setup.