Horizontal scroll on admin

[allanaaa]

I'm getting a horizontal scroll on the admin side when the browser is between 1200px and 1215px. Below that, the widgets on the homepage pop down. I'm on the sidebar-scrolling branch right now, not sure if it's related or not.

I'm seeing it on the dashboard, the Items page, the Appearance page, and the Plugins page, so it's not related to any one piece of content - just some math oversight in the @media settings in the CSS.

Screen.Recording.2025-03-07.at.11.44.17.mov

[kimisgold]

I've set a max width of 100% on the container. At worst, it cuts off a little right margin while never infringing on the content. I prefer this to hard coding a value, which feels subject to browser rendering quirks. Ready to pull and test.

[allanaaa]

Thanks, that fixed that part. Now I'm getting horizontal scroll for a few pixels in the area of 768 - 790px wide.

Can I ask, do we need to have this many @media divisions? Seems like we have 1200px+, and <767px, and then 768-959, 960-991, and 992-1200? Do we need three separate divisions here? Would it be possible to simplify down to narrow, full, and something flexible in the middle?
ETA: We also have stuff that happens above 1440px, my bad!

And there are other things happening within those, like the searchbar length on the dashboard changes a few times - full-width on mobile, then short, then long, then short again as you widen out. Seems like legacy styles maybe?