Fix Layout title on mobile when title is long (#781)

Shopify · Apr 12, 2023 · c0facf1 · c0facf1
1 parent 5faed30
commit c0facf1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/.changeset/six-ways-approve.md b/.changeset/six-ways-approve.md
@@ -0,0 +1,5 @@
+---
+'demo-store': minor
+---
+
+Fix Layout title on mobile when title is long
diff --git a/package-lock.json b/package-lock.json
diff --git a/templates/demo-store/app/components/Layout.tsx b/templates/demo-store/app/components/Layout.tsx
@@ -226,7 +226,10 @@ function MobileHeader({
         className="flex items-center self-stretch leading-[3rem] md:leading-[4rem] justify-center flex-grow w-full h-full"
         to="/"
       >
-        <Heading className="font-bold text-center" as={isHome ? 'h1' : 'h2'}>
+        <Heading
+          className="font-bold text-center leading-none"
+          as={isHome ? 'h1' : 'h2'}
+        >
           {title}
         </Heading>
       </Link>