Entering & Exiting Edit Mode

Edit mode is the gateway to all menu customization. It transforms the admin sidebar from a standard navigation menu into an interactive editing interface where you can drag, hide, and organize items.

Entering Edit Mode

To enter edit mode, click the “Edit Menu” link located at the very top of the admin sidebar, above the Dashboard item. This link is only visible to users with the manage_options capability (typically administrators).

When edit mode is active, several visual changes occur:

• The “Edit Menu” button turns green and its text changes to display a save icon, indicating you are in edit mode.
• A semi-transparent overlay appears on all menu items, providing a visual cue that items are now editable rather than clickable.
• Menu item links become non-clickable — this prevents you from accidentally navigating away and losing unsaved changes.
• Eye icons appear on hover for each item, allowing you to toggle visibility.
• An “Add Divider” button appears, letting you insert custom separator lines.
• Hidden items become visible but grayed out (reduced opacity), so you can still manage them.

Navigating While in Edit Mode

While edit mode is active, only the Dashboard link remains clickable for navigation purposes. All other menu items have their click behavior disabled. If you need to navigate to another admin page, either save your changes first or click Dashboard and navigate from there.

Saving & Exiting

To save your changes and exit edit mode, click the green “Save” button at the top of the sidebar. The plugin sends your configuration to the server via AJAX, and the page reloads with your updated menu layout applied.

Discarding Changes

If you want to discard your changes without saving, simply navigate away from the current page — click the Dashboard link or use your browser’s address bar. Any unsaved changes will be lost, and the menu will revert to its previously saved state on the next page load.