Skip to content

Remove floats from customlinks #10997

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
audrasjb wants to merge 2 commits into
base: trunk
Choose a base branch
from
Open

Remove floats from customlinks #10997

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
245ac75
remove floats from customlinks
audrasjb Feb 21, 2026
d802287
add width 100%
audrasjb Feb 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 1 addition & 3 deletions src/wp-admin/css/nav-menus.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -376,7 +376,6 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {

/* Add Menu Item Boxes */
.postbox .howto input,
.customlinkdiv .menu-item-textbox,
.customlinkdiv .error-message {
Copy link

@sabernhardt sabernhardt Feb 21, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If the input is full width, the error message would not need the float or reduced width either.

width: 180px;
float: right;
Expand Down Expand Up @@ -474,10 +473,9 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {
}

.menu-item-textbox {
width: 180px;
width: 100%;
Comment on lines 475 to +476
Copy link

@sabernhardt sabernhardt Feb 21, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Editing the current .menu-item-textbox ruleset seems safe with core, but I would be more comfortable setting full width on .customlinkdiv .menu-item-textbox (especially during beta).

.menu-item-textbox {
	width: 180px;
}

.customlinkdiv .menu-item-textbox {
	width: 100%;
}

Core adds the menu-item-textbox class to Custom Link controls both on the Menus page and in the Customizer. The Menus page also uses the class for the Menu name, but that is set to 270px.

A plugin directory search found some plugins using the class, though more than one of them already assigned 100% width.

}

.customlinkdiv label,
.nav-menus-php .howto span {
float: left;
margin-top: 6px;
Expand Down
Loading