diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css index 45331aed1a..ad147eda3f 100644 --- a/src/wp-admin/css/customize-nav-menus.css +++ b/src/wp-admin/css/customize-nav-menus.css @@ -172,9 +172,7 @@ .move-up-disabled .menus-move-up, .move-down-disabled .menus-move-down, .move-right-disabled .menus-move-right, -.move-left-disabled .menus-move-left, -.menu-item-depth-0 .menus-move-left, -.menu-item-depth-10 .menus-move-right { +.move-left-disabled .menus-move-left { color: #d5d5d5 !important; background-color: #fff !important; cursor: default; diff --git a/src/wp-admin/js/customize-nav-menus.js b/src/wp-admin/js/customize-nav-menus.js index 6a2a449dd6..f94c2d042d 100644 --- a/src/wp-admin/js/customize-nav-menus.js +++ b/src/wp-admin/js/customize-nav-menus.js @@ -2026,6 +2026,11 @@ if ( currentMenuItemControls.length ) { _( currentMenuItemControls ).each(function( menuItemControl ) { menuItemControl.container.removeClass( 'move-up-disabled move-down-disabled move-left-disabled move-right-disabled' ); + if ( 0 === context.currentDepth ) { + menuItemControl.container.addClass( 'move-left-disabled' ); + } else if ( 10 === context.currentDepth ) { + menuItemControl.container.addClass( 'move-right-disabled' ); + } }); currentMenuItemControls[0].container