Hide breadcrumbs on mobile
hide-breadcrumbs-on-mobile
Hide breadcrumbs on mobile — content starts higher; mobile breadcrumb is hard motorically. Dual-cite USWDS omit-on-home; this is viewport hide, not home omit. Don’t use breadcrumbs on 2–3 level sites.
Description
Suomi.fi hides breadcrumbs on mobile so content starts higher and users avoid a hard motor target; dual-cite USWDS omit-on-home, noting this is viewport hide rather than home omit. Do not use breadcrumbs on two-to-three level sites at all. Showing a mobile trail, or breadcrumbs on a shallow site, fights the guidance and wastes scarce viewport space.
When to use
Wayfinding on deep sites where desktop breadcrumbs help but mobile space is tight.
Not when
Desktop deep hierarchies that still benefit from a breadcrumb trail.
Agent hint
Hide breadcrumbs on mobile; omit them on 2–3 level sites entirely.
Breadcrumbs are hidden at mobile viewport; not used on 2–3 level sites.
Mobile shows a breadcrumb trail; or breadcrumbs are used on a 2–3 level site.
Citations
Suomi.fi — Breadcrumb
https://designsystem.suomi.fi/components/breadcrumb/