Loading…
0
Why I think the ugly horizontal scrollbar on the Napa winery site is actually a good thing
Last week a client showed me a local winery site that pushes about 40 pixels past the right edge on any phone, so you get that sideways drag on the whole page. Everyone in the group chat called it a total fail, but I looked closer and that overflow is what lets their reservation button stay big and tappable instead of shrinking to a sliver. I have seen three sites this year where designers squeezed everything into the viewport and the tap targets dropped under 30 pixels. A scrollbar is annoying but a button you cannot hit is worse, so I am not sure the overflow is the real bug here. Does anyone else think we blame horizontal scroll too fast without checking what it is protecting?
1 comments
Log in to join the discussion
Log In1 Comment
riley51713d ago
Hold on, I don't think horizontal scroll is what's saving that button though. When a page overflows sideways, it's usually because one element is wider than the screen, not because the button needs the room. The reservation button could just be sized with its own width and padding while the rest of the layout stays put, so you get a big tap target and no scrollbar. Those two things aren't really tied together, the overflow is often just a symptom of a layout that wasn't built with small screens in mind. So yeah, tiny tap targets are a real problem worth calling out, but I'd still treat the sideways drag as a separate bug to fix, not the thing making the button work.
1