---
title: "How to Open Circle Menu on Click in Elementor?"
url: https://theplusaddons.com/docs/open-circle-menu-on-click-in-elementor/
date: 2023-11-09
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Opening a menu on hover doesn't work well on touch devices. Switching the trigger to Click makes it work consistently everywhere. This doc covers the Icon Trigger control specifically -..."
image: https://theplusaddons.com/wp-content/uploads/2023/11/How-to-Open-Circle-Menu-on-Click-in-Elementor_-1024x536.jpg
word_count: 242
---

# How to Open Circle Menu on Click in Elementor?

## 

- Circle Menu is a Pro widget in The Plus Addons for Elementor Pro, and it requires Elementor (free) installed and active plus the paid version of The Plus Addons for Elementor.
- The Plus Addons > Widgets includes Circle Menu, and its toggle turns on the widget before setup starts.
- Icon Trigger changes from the default Hover to Click, so the menu no longer opens on mouseover and opens only when the toggle is clicked on the front end.

Opening a menu on hover doesn't work well on touch devices. Switching the trigger to Click makes it work consistently everywhere.

This doc covers the Icon Trigger control 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 and set up your menu items as usual.- Under **Extra Options**, set **Icon Trigger** to **Click** (the default is Hover).

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

## How It Behaves

Confirmed on the front end for both layouts: with Icon Trigger set to Click, the menu no longer opens on mouseover - it opens only when the toggle is clicked. On the Straight layout this was checked at a desktop viewport width and the opened items sit at clearly distinct, fully visible positions (not overlapping or hidden).

## Limitations

- Circle Menu is Pro-only.

## Related Docs

- [Circle Menu Widget Settings Overview](https://theplusaddons.com/docs/circle-menu-widget-settings-overview/)- [How to Create a Circle Menu in Elementor?](https://theplusaddons.com/docs/create-a-circle-menu-in-elementor/)

## Frequently Asked Questions

**Q: Why should I switch the Circle Menu trigger from hover to click on touch devices?**
A: Hover is unreliable on touch screens because there is no real mouseover state, so the menu can fail to open consistently. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides the Circle Menu widget with an Icon Trigger control that can be set to Click instead of Hover. That makes the menu open only when the toggle is tapped or clicked, which is the safer choice for mixed desktop and touch traffic.

**Q: What do I need installed before using the Circle Menu widget?**
A: Elementor free must be installed and active, and the paid version of The Plus Addons for Elementor is required because Circle Menu is a Pro widget. That matters because this widget does not exist in the free plugin. If you are setting it up in a client site, confirm both pieces first so you do not waste time looking for a widget that is unavailable.

**Q: How do I make a circle menu open only when clicked in Elementor?**
A: The key setting is Icon Trigger under Extra Options. Set it to Click instead of the default Hover, then the menu will stop opening on mouseover and will open only when the toggle is clicked. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses that trigger change to make the behavior consistent across devices.

**Q: Does the Circle Menu still work normally after changing the trigger to Click?**
A: The front-end behavior stays predictable: with Icon Trigger set to Click, the menu no longer opens on mouseover and only opens when the toggle is clicked. On the Straight layout, this was confirmed at a desktop viewport width, and the opened items sit in distinct visible positions instead of overlapping or hiding each other. That makes Click a cleaner choice when hover behavior feels flaky.

**Q: Is Circle Menu available in the free version of The Plus Addons for Elementor?**
A: Circle Menu is Pro-only, so it belongs to the paid version of The Plus Addons for Elementor and not the free plugin. That distinction matters because even if Elementor free is active, you still need the Pro widget enabled under The Plus Addons > Widgets. For planning purposes, treat this as a paid feature rather than something bundled into the free install.

**Q: Where can I find more settings or setup help for Circle Menu?**
A: The page points to two useful references: [Circle Menu Widget Settings Overview](https://theplusaddons.com/docs/circle-menu-widget-settings-overview/) for the full settings tour, and [How to Create a Circle Menu in Elementor?](https://theplusaddons.com/docs/create-a-circle-menu-in-elementor/) for building it from scratch. That split is useful because this tutorial focuses only on Icon Trigger, while the overview covers every other option.