diff --git a/app/components/breadcrumb.tsx b/app/components/breadcrumb.tsx
index fb1c89d8a2..e4d32481a4 100644
--- a/app/components/breadcrumb.tsx
+++ b/app/components/breadcrumb.tsx
@@ -7,6 +7,7 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from "@/components/ui/breadcrumb";
+import { ArrowLeft } from "lucide-react";
 import { usePathname } from "next/navigation";
 import React, { FC, useMemo } from "react";
 import { tinaField } from "tinacms/dist/react";
@@ -47,7 +48,7 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({
 }) => {
   const pathname = usePathname();
 
-  const breadcrumbItems = useMemo(() => {
+  const { breadcrumbItems, mobileParent } = useMemo(() => {
     const pathSegments = pathname
       .split("/")
       .filter((segment) => segment !== "");
@@ -70,7 +71,7 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({
         <BreadcrumbLink
           href="/"
           className={
-            "text-xs text-gray-700 underline-offset-1 hover:text-sswRed"
+            "text-sm text-gray-700 underline-offset-1 hover:text-sswRed"
           }
         >
           Home
@@ -87,9 +88,9 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({
       items.push(
         <BreadcrumbSeparator
           key={`separator-${index}`}
-          className="text-xs text-gray-700"
+          className="text-sm text-gray-700"
         >
-          {">"}
+          {"/"}
         </BreadcrumbSeparator>
       );
 
@@ -97,7 +98,7 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({
         <BreadcrumbItem key={`item-${index}`}>
           {isLast ? (
             <BreadcrumbPage
-              className={"text-xs text-gray-700 no-underline"}
+              className={"text-sm text-gray-700 no-underline"}
               {...(seoSchema
                 ? { "data-tina-field": tinaField(seoSchema, "title") }
                 : {})}
@@ -108,7 +109,7 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({
             <BreadcrumbLink
               href={href}
               className={
-                "text-xs text-gray-700 underline-offset-1 hover:text-sswRed"
+                "text-sm text-gray-700 underline-offset-1 hover:text-sswRed"
               }
             >
               {displayName}
@@ -118,14 +119,37 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({
       );
     });
 
-    return items;
+    let mobileParent: { label: string; href: string };
+    if (pathSegments.length >= 2) {
+      const parentIndex = pathSegments.length - 2;
+      mobileParent = {
+        label: getDisplayName(pathSegments[parentIndex]),
+        href: "/" + pathSegments.slice(0, parentIndex + 1).join("/"),
+      };
+    } else {
+      mobileParent = { label: "Home", href: "/" };
+    }
+
+    return { breadcrumbItems: items, mobileParent };
   }, [pathname, path, title, seoSchema, additionalReplacements]);
 
   return (
-    <Breadcrumb>
-      <BreadcrumbList className="gap-2 font-normal">
-        {breadcrumbItems}
-      </BreadcrumbList>
-    </Breadcrumb>
+    <>
+      <Breadcrumb className="hidden sm:block">
+        <BreadcrumbList className="gap-2 font-normal">
+          {breadcrumbItems}
+        </BreadcrumbList>
+      </Breadcrumb>
+      <nav className="sm:hidden" aria-label={`Back to ${mobileParent.label}`}>
+        <a
+          href={mobileParent.href}
+          className="unstyled inline-flex items-center gap-1 text-sm text-gray-700 no-underline hover:text-sswRed hover:no-underline"
+          aria-label={`Back to ${mobileParent.label}`}
+        >
+          <ArrowLeft className="h-[1em] w-[1em]" aria-hidden="true" />
+          {mobileParent.label}
+        </a>
+      </nav>
+    </>
   );
 };
diff --git a/components/blocks/breadcrumbs/breadcrumbs.tsx b/components/blocks/breadcrumbs/breadcrumbs.tsx
index 7c6027b886..50ccc1e29c 100644
--- a/components/blocks/breadcrumbs/breadcrumbs.tsx
+++ b/components/blocks/breadcrumbs/breadcrumbs.tsx
@@ -20,6 +20,7 @@ import { Container } from "@/components/util/container";
 import global from "@/content/global/index.json";
 import { cn } from "@/lib/utils";
 import { Consultingv2BlocksBreadcrumbs } from "@/tina/types";
+import { ArrowLeft } from "lucide-react";
 import { usePathname } from "next/navigation";
 import React from "react";
 import { tinaField } from "tinacms/dist/react";
@@ -103,10 +104,21 @@ export function Breadcrumbs({ data }: { data: Consultingv2BlocksBreadcrumbs }) {
   // Index 0 is an empty string if the path starts with a slash
   const links = getLinks(paths, data, data.finalBreadcrumb);
 
+  // Parent one level above the current page, for the collapsed mobile view
+  const segments = paths.filter((segment) => segment !== "");
+  const replacementMap = new Map(
+    global.breadcrumbReplacements.map((r) => [r.from, r.to])
+  );
+  const parent = segments[segments.length - 2];
+  const mobileParent =
+    segments.length >= 2
+      ? { label: replacementMap.get(parent) ?? parent, href: `/${parent}` }
+      : { label: global.breadcrumbHomeRoute, href: "/" };
+
   return (
     <V2ComponentWrapper data={data}>
       <Container size="custom" padding="px-4 sm:px-8" className="pt-8 sm:pt-12">
-        <Breadcrumb className="text-gray-300">
+        <Breadcrumb className="hidden text-gray-300 sm:block">
           <BreadcrumbList>
             {links.map((link, index) => (
               // react fragments don't appear in the dom
@@ -121,6 +133,19 @@ export function Breadcrumbs({ data }: { data: Consultingv2BlocksBreadcrumbs }) {
             ))}
           </BreadcrumbList>
         </Breadcrumb>
+        <nav
+          className="text-gray-300 sm:hidden"
+          aria-label={`Back to ${mobileParent.label}`}
+        >
+          <a
+            href={mobileParent.href}
+            className="unstyled inline-flex items-center gap-1 text-sm no-underline transition-colors hover:text-white hover:no-underline"
+            aria-label={`Back to ${mobileParent.label}`}
+          >
+            <ArrowLeft className="h-[1em] w-[1em]" aria-hidden="true" />
+            {mobileParent.label}
+          </a>
+        </nav>
       </Container>
     </V2ComponentWrapper>
   );
diff --git a/components/ui/breadcrumb.tsx b/components/ui/breadcrumb.tsx
index 6978ab15d4..3ec5d1e54e 100644
--- a/components/ui/breadcrumb.tsx
+++ b/components/ui/breadcrumb.tsx
@@ -114,5 +114,6 @@ export {
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
-  BreadcrumbSeparator,
+  BreadcrumbSeparator
 };
+