From 7364f10529dd13e5a2e31897bef978a038574c5b Mon Sep 17 00:00:00 2001
From: "Stephen A. Bernhardt" <sabernhardt@yahoo.com>
Date: Fri, 27 Feb 2026 07:54:25 -0600
Subject: [PATCH 1/2] replace floating with flex, adjust scrolling

---
 src/wp-includes/css/admin-bar.css | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css
index 5ccc76177188c..1881a59174260 100644
--- a/src/wp-includes/css/admin-bar.css
+++ b/src/wp-includes/css/admin-bar.css
@@ -99,6 +99,29 @@ html:lang(he-il) .rtl #wpadminbar * {
 	background: #1d2327;
 	/* Only visible in Windows High Contrast mode */
 	outline: 1px solid transparent;
+	overflow-x: auto;
+	overflow-y: hidden;
+	scrollbar-width: thin;
+}
+
+#wpadminbar,
+#wpadminbar #wp-toolbar,
+#wpadminbar #wp-toolbar > ul,
+#wpadminbar .ab-top-menu {
+	display: flex;
+	flex-wrap: nowrap;
+}
+
+#wpadminbar #wp-toolbar {
+	justify-content: space-between;
+	width: 100%;
+}
+
+#wpadminbar #wp-toolbar > ul > li > .ab-item {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	min-width: 16px;
+	overflow: hidden;
 }
 
 #wpadminbar .ab-sub-wrapper,
@@ -122,10 +145,6 @@ html:lang(he-il) .rtl #wpadminbar * {
 	text-align: left;
 }
 
-#wpadminbar li {
-	float: left;
-}
-
 #wpadminbar .ab-empty-item {
 	outline: none;
 }
@@ -374,10 +393,6 @@ html:lang(he-il) .rtl #wpadminbar * {
 	color: #000;
 }
 
-#wpadminbar .ab-top-secondary {
-	float: right;
-}
-
 #wpadminbar ul li:last-child,
 #wpadminbar ul li:last-child .ab-item {
 	box-shadow: none;

From 5601168ec4163d26205ab6f6db4fe4b78020f8bc Mon Sep 17 00:00:00 2001
From: "Stephen A. Bernhardt" <sabernhardt@yahoo.com>
Date: Mon, 2 Mar 2026 05:32:54 -0600
Subject: [PATCH 2/2] make scrolling adjustment mobile-only (still a problem)

---
 src/wp-includes/css/admin-bar.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css
index 1881a59174260..23d292e455c89 100644
--- a/src/wp-includes/css/admin-bar.css
+++ b/src/wp-includes/css/admin-bar.css
@@ -99,9 +99,6 @@ html:lang(he-il) .rtl #wpadminbar * {
 	background: #1d2327;
 	/* Only visible in Windows High Contrast mode */
 	outline: 1px solid transparent;
-	overflow-x: auto;
-	overflow-y: hidden;
-	scrollbar-width: thin;
 }
 
 #wpadminbar,
@@ -860,6 +857,18 @@ html:lang(he-il) .rtl #wpadminbar * {
 		display: none;
 	}
 
+	/* Scrolls any overflow, but hides all dropdowns even when there is no overflow */
+	#wpadminbar {
+		overflow-x: auto;
+		overflow-y: hidden;
+		scrollbar-width: thin;
+	}
+
+	#wpadminbar .ab-sub-wrapper,
+	#wpadminbar .shortlink-input {
+		display: none !important;
+	}
+
 	/* WP logo */
 	#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
 		padding: 0;