Mobile admin bar is now accounted for

Mobile admin bar is now accounted for as plugins have recently been adding their own items to the mobile menu as well & potentially causing items wrap onto a new line outside of the admin bar given the available space. Instead of wrapping to overlap the actual content, it simply offers a horizontal scroll for when there are too many items to show on screen at once (keeping the items all within the admin bar's one row of icons.)

Author: KZeni

src/wp-includes/css/admin-bar.css

@@ -720,7 +720,7 @@ html:lang(he-il) .rtl #wpadminbar * {
 }
 
 @media screen and (min-width: 782px) {
-	/* Prevent wrapping of admin bar that has more items than admin bar area (mobile-friendly toolbar doesn't need this) */
+	/* Prevent wrapping of admin bar that has more items than admin bar area on desktop/tablet layout */
 	#wpadminbar .quicklinks {
 		justify-content: space-between;
 	}
@@ -1052,6 +1052,25 @@ html:lang(he-il) .rtl #wpadminbar * {
 		top: 10px;
 		left: 0;
 	}
+	/* Prevent wrapping of admin bar that has more items than admin bar area on mobile layout */
+	#wpcontent {
+		padding-top: 15px;
+	}
+	#wpadminbar {
+		display: flex;
+		flex-wrap: nowrap;
+		padding-bottom: 15px;
+		overflow-x: scroll;
+		overflow-y: hidden;
+	}
+	#wpadminbar > *,
+	#wpadminbar .ab-top-menu {
+		display: flex;
+		flex-wrap: nowrap;
+	}
+	#wpadminbar .ab-sub-wrapper {
+		display: none !important;
+	}
 }
 
 /* Smartphone */