Skip to content

TBpro nav folds into hamburger menu too early? #1039

@janbrasna

Description

@janbrasna

On a common 1000–1200px wide browser window, the menu items on tb.pro are collapsed into the overflow "hamburger" menu on the right hand side, present predominantly in mobile layouts, possibly leading consumers with narrower desktop viewports into thinking there are no top level menu items available there — in case they don't notice the menu button and figure out its affordance on desktop too, or don't notice it being on the far right edge.

It looks like there would be space to actually provide the menu items fully, esp. considering the logo gets smaller in such layouts, providing even more space, though unused:

Image

The menu appears fully at around 1290px breakpoint.

(With the items being brand terms, these won't get localized, so space for translated content is not a concern here.)

The page also seems to waste a lot of left & right margin space when the viewport gets smaller, which could also be made available for the content and nav instead of just empty space.

With the advent of browser sidebars and split views the actual viewports tend to get narrower. Targeting 1300px+ only for the full menu seems perhaps too coarse?

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions