--- title: "How to Open Circle Menu on Click in WordPress?" url: https://nexterwp.com/docs/open-circle-menu-on-click-in-wordpress/ date: 2024-11-29 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "A menu that opens on hover opens by accident as often as on purpose — and on a phone it does not open at all, because there is no hover..." image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Open-Circle-Menu-on-Click-in-WordPress_-1024x519.jpg word_count: 420 --- # How to Open Circle Menu on Click in WordPress? ## Key Takeaways - Nexter Blocks Pro.Block enables the Circle Menu block, and the setting appears under Nexter > Blocks in the WordPress dashboard. - Circle Menu uses Layout set to Circle, then Extra Options > Icon Trigger set to Click, so the same toggle opens and closes the menu. - Icon Trigger only applies to the Circle layout, does not preview in the editor, and the published page is required to verify the click behavior. A menu that opens on hover opens by accident as often as on purpose — and on a phone it does not open at all, because there is no hover to give. Switching the trigger to click makes the menu behave the same way for every visitor and every device. *For every Circle Menu setting in one place, see the [Circle Menu feature guide](https://nexterwp.com/docs/add-a-circle-menu-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-circle-menu/) ## Before You Start - **Edition:** **Pro** — the Circle Menu block needs Nexter Blocks Pro.- **Block to enable:** Circle Menu, switched on under **Nexter > Blocks** in your WordPress dashboard. ## Steps - Add the **Circle Menu** block and set **Layout** to **Circle**. ![The circle layout selected](https://nexterwp.com/wp-content/uploads/2024/11/circle-menu-layout-circle-new.webp) - Add your links in the **Menu List** and choose a Direction. - Go to **Extra Options** and set **Icon Trigger** to **Click**. ![Icon Trigger set to Click](https://nexterwp.com/wp-content/uploads/2024/11/circle-menu-icon-trigger-click-1.webp) - Save the page and check it on the front end — the trigger does not preview in the editor. ![A published circle menu fanned open after being clicked](https://nexterwp.com/wp-content/uploads/2026/09/cm-fe-click-open.webp) ## How It Behaves | Icon Trigger | Measured on a published page | | ------------ | ---------------------------- | | Hover (default) | Hovering the toggle opened the menu; clicking opened it too. | | Click | **Hovering did nothing at all**; clicking the toggle opened the menu. | - Click is the safer choice whenever the page matters on phones and tablets, where hover does not exist.- It also stops the menu springing open as a visitor's pointer crosses the corner of the screen on the way to something else.- The open and close behaviour does not preview inside the block editor — the editor says so on the control itself. Save and view the page to see it work. ## Limitations - **Icon Trigger only applies to the Circle layout.** Measured: the Straight layout opens on click regardless, and the setting is not offered for it.- The trigger is a block-level setting, so every item in one menu shares it.- There is no separate "close" trigger — the same toggle closes the menu again.- The behaviour cannot be previewed in the editor; it has to be checked on the published page. ## Troubleshooting ### The menu still opens on hover Check **Icon Trigger** is set to Click under Extra Options, and that you are looking at the published page rather than the editor — the trigger does not preview while editing. ### I cannot find the Icon Trigger setting It lives under **Extra Options** and only appears for the **Circle** layout. A straight menu already opens on click. ### It works on desktop but not on my phone That is the symptom of a hover trigger. Set **Icon Trigger** to Click — measured, a hover-triggered menu cannot be opened without a pointer. ## Related Docs - [Circle Menu feature guide](https://nexterwp.com/docs/add-a-circle-menu-in-wordpress/)- [Create a circle menu](https://nexterwp.com/docs/create-a-circle-menu-in-wordpress/)- [Navigation Menu block](https://nexterwp.com/docs/add-a-navigation-menu-in-wordpress/)- [Advanced tab](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: Why does a Circle Menu open on hover instead of click in WordPress?** A: A hover trigger makes the menu open whenever the pointer passes over it, which is easy to trigger by accident and does not work on phones because there is no hover. Nexter Blocks Pro lets you switch the Circle Menu’s Icon Trigger to Click so the menu behaves the same way for every visitor and every device. That is the safer choice when the page matters on tablets and mobile. **Q: How do I make a WordPress Circle Menu open on click instead of hover?** A: The key setting is Icon Trigger under Extra Options, and it needs to be set to Click for the Circle layout. Nexter Blocks provides this control in the Circle Menu block, so the menu opens only when the toggle is clicked. Save the page and test it on the front end, because the trigger does not preview in the editor. **Q: What do I need before using click trigger for a Circle Menu?** A: The Circle Menu block needs Nexter Blocks Pro, and the block itself must be enabled under Nexter > Blocks in your WordPress dashboard. The menu also has to use the Circle layout, because Icon Trigger only applies there. That matters because a Straight layout already opens on click and does not offer the same trigger setting. **Q: Why does my Circle Menu still open on hover after changing it to click?** A: That usually means either Icon Trigger is still set to Hover or you are checking it in the editor instead of on a published page. The trigger does not preview while editing, so Nexter Blocks only shows the real behavior on the front end. A quick published-page test is important here because the editor can hide whether your change actually took effect. **Q: Why can't I find the Icon Trigger setting in Nexter Blocks?** A: Icon Trigger lives under Extra Options and only appears for the Circle layout. If you are using Straight, that setting will not show because Straight already opens on click by default. That distinction matters when troubleshooting, since looking in the wrong layout makes it seem like the control disappeared. **Q: Is click better than hover for a Circle Menu on mobile?** A: Click is the better choice for phones and tablets because hover does not exist there. It also prevents accidental openings when a visitor’s pointer crosses the corner of the screen on desktop. Nexter Blocks measures that behavior directly: Hover opened on both hover and click, while Click ignored hovering and opened only when clicked.