🐛 Bug - Mobile breadcrumbs show full path instead of immediate parent

Requested by: @micsblank via YakShaver.ai 🦬
cc: @micsblank, @designbyalex, @brookjeynes-ssw, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (1 min 15 sec)

Pain

On the SSW website, breadcrumbs do not follow the mobile design rule. In mobile view, the full breadcrumb path is displayed instead of only the immediate parent link, causing the breadcrumbs to wrap into multiple lines and consume excessive screen space. Additionally, the current page in the breadcrumb trail is not visually emphasized (bold) as expected.

Acceptance Criteria

1. On mobile viewports, breadcrumbs display only the immediate parent link and the current page.
2. The current page in the breadcrumb is visually emphasized (bold).
3. Breadcrumbs do not wrap into multiple lines on mobile devices.
4. On tablet and desktop viewports, the full breadcrumb path remains unchanged and displays correctly.
5. The behavior is consistent across all pages on www.ssw.com.au.

Reproduce Steps

1. Navigate to www.ssw.com.au.
2. Open a page with multiple breadcrumb levels.
3. Switch the browser to mobile view or open the page on a mobile device.
4. Observe that the full breadcrumb path is displayed and may wrap into multiple lines instead of showing only the immediate parent link.
5. Note that the current page in the breadcrumb is not bold.

Screenshot

Figure: Mobile view displays full breadcrumb trail instead of only the immediate parent, and the current page is not bolded.

Start by reproducing the breadcrumb issue on www.ssw.com.au at mobile, tablet, and desktop widths, using a page with multiple breadcrumb levels. Locate the shared breadcrumb entry point used across the site and compare its responsive behavior with the acceptance criteria. Done means mobile shows only the immediate parent and bold current page without wrapping, while tablet and desktop retain the full path.