---
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-04-10
lang: en
author: "Aditya Sharma"
description: "Are you looking to create a circle menu on your Elementor website? Adding a circle menu can add a unique touch to your website. With the Circle Menu widget from..."
image: https://theplusaddons.com/wp-content/uploads/2023/11/How-to-Create-a-Circle-Menu-in-Elementor_-1024x536.jpg
word_count: 265
---

# How to Create a Circle Menu in Elementor?

## 

- Utilizes the Circle Menu widget from The Plus Addons for Elementor to create a unique circle menu.
- Offers customization options such as Circle Radius, Icon Delay, and Menu Open Speed for fine-tuning the menu.
- Provides two trigger types for the circle menu: Hover and Click, allowing flexibility in user interaction.

Are you looking to create a circle menu on your Elementor website? Adding a circle menu can add a unique touch to your website.

With the Circle Menu widget from The Plus Addons for Elementor, you can easily add a circle menu on your Elementor website.

*To check the complete feature overview documentation of The Plus Addons for Elementor Circle Menu widget, [click here](/docs/circle-menu-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-widget/elementor-circle-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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

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

![](https://theplusaddons.com/wp-content/uploads/2023/11/circle-menu-circle-new.png)

2. Then, from the **Icon 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** section, you can delay the menu closing. 

Then, from the **Menu Open Speed** section, you can manage the menu opening speed.

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

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

Then, from the **Icon Trigger** dropdown, 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](https://theplusaddons.com/docs//open-circle-menu-on-click-in-elementor/).

![circle menu circle demo](https://theplusaddons.com/wp-content/uploads/2023/11/circle-menu-circle-demo.gif)