In the mobile version of some pages of Stack Exchange websites, the top bar appears wider than the page; it extends off the left side, but not off the right.
Pages where I've specifically noticed this behavior are on the home pages (e.g. https://stackoverflow.com) and on questions themselves.
Pages where I don't see this behavior include /questions/ask
and the login page.
Requesting the desktop version of the pages fixes this issue, but is hardly desirable.
I've tested this behavior in iOS versions of Chrome, Safari, Firefox, and Edge, on meta.stackexchange.com and stackoverflow.com. I'm pretty certain I've seen it on every site I've been to on mobile though.
After a bit of investigation, I think this is a width
+ left
bug on the icon and would require a padding
change on the <a>
that contains it. That, and/or it's that the pages that aren't broken use the .left-sidebar-toggle
class instead of .icon-hamburger
. It's strange to me that a different top bar component is used in the first place.
I'm surprised I couldn't find a duplicate to this question, so forgive me if there is one and I just missed it in the first 20 or so questions I looked at.