Opened 28 hours ago
#65627 new enhancement
UX Improvement: Move "Delete Menu" link to the top header to prevent accidental data loss
| Reported by: | Smailove | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | Awaiting Review |
| Component: | Menus | Version: | |
| Severity: | normal | Keywords: | |
| Cc: | Focuses: | ui |
Description
Description of the UX Issue
In the classic Menus admin screen (nav-menus.php), the (Delete Menu) link is placed at the very bottom of the screen, right next to the "Save Menu" button.
When a user expands a specific menu item to edit or delete it (as shown in the attached screenshot), their eyes naturally track downward looking for an action. Due to the proximity and visual hierarchy, many users mistakenly click "Delete Menu" thinking it will delete only the currently selected/expanded menu item, leading to accidental deletion of the entire menu structure.
Proposed Solution
To prevent this critical UX friction and unintended data loss, I propose moving the "Delete Menu" action to the top header area of the menu structure box (the gray header containing "Menu name", translations, and language selectors).
Separating the global destructive action ("Delete Menu") from the item editing workflow and placing it at the top will make its context clearer and significantly reduce accidental clicks.
Steps to reproduce the frustration
- Go to Appearance > Menus.
- Expand any menu item to edit its details.
- Look down to save or modify, and observe how easily the red "Delete Menu" link can be confused with an item-level action.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)
seggestion for the new place of the delete menu button