Skip to content

UX Improvement: Move "Delete Menu" link to the top header to prevent accidental data loss in nav-menus.php #709

Description

@Smailancer

🚨 The UX Problem

In the classic Menus admin screen (nav-menus.php), the "Supprimer le menu" (Delete Menu) link is positioned at the very bottom of the screen, directly adjacent to the "Save Menu" button.

When a developer or user expands a specific menu item to edit or remove it (as shown in the expanded "Contact" item), their focus is directed downward. Because of the close proximity and lack of visual separation, users frequently click "Delete Menu" under the mistaken impression that it will only delete the currently active/expanded menu item. This leads to frustrating, accidental deletion of the entire menu structure plus there is no confirmation message apears before it gets deleted.

Image

💡 Proposed Solution

To eliminate this UX friction and safeguard users from unintended data loss, I propose relocating the global "Delete Menu" action to the top header area of the menu card (the dark gray header containing the menu name, translation settings, and language selector).

  • Contextual Isolation: Moving this destructive, global action away from the individual item editing workflow makes its destructive scope clear.
  • Safer Layout: The primary action (Save) remains at the bottom, while the dangerous global action (Delete) is separated at the top-right.
Image

🛠️ Steps to Reproduce the Friction

  1. Navigate to Appearance > Menus (using the classic menu editor).
  2. Expand any menu item to edit its details.
  3. Scroll/look down to finish editing, and notice how easily the red "Delete Menu" link at the bottom can be mistaken for an item-level removal action.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions