Skip to content

✨ Breadcrumbs - Update mobile breadcrumbs to show a back button to the immediate parent #4718

@ssw-yakshaver

Description

@ssw-yakshaver

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

Hi Team!

  🟥  Watch the video (1 min 5 sec)

  Url from screen share: https://ssw.com.au/consulting/artificial-intelligence

Pain

On the ⭐ SSW Website (Dev - Next.js) consulting pages, the breadcrumb behaviour on mobile should follow the documented rule: instead of showing the full breadcrumb trail (e.g. Home > Services > Expert AI Consultants), display a single back button that links to the immediate parent page. This change should apply consistently across all current and legacy consulting pages and align with the previously created PBI for older pages.

Acceptance Criteria

  1. On mobile viewports, consulting pages do not display the full breadcrumb trail.
  2. On mobile viewports, a back button is shown instead of breadcrumbs.
  3. The back button label reflects the immediate parent page (e.g. "Services").
  4. The back button navigates correctly to the immediate parent page when tapped.
  5. Desktop and tablet breadcrumb behaviour remains unchanged.
  6. The updated behaviour is applied consistently across all consulting pages, including older/legacy pages.
  7. The implementation aligns with the existing breadcrumb rule documented by Micaela Blank.

Screenshot

Screenshot
Figure: Mobile breadcrumbs should show a back button to the immediate parent instead of the full path

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

Status
🤷‍♂️ Needs Triage

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions