add extra padding to stop breadcrumbs from being hidden

chrismoroney · chrismoroney · commit dae5a3a464a4 · 2026-07-22T12:57:23.000-07:00
diff --git a/assets/css/home.css b/assets/css/home.css
@@ -22,10 +22,12 @@ html[theme='dark'] body {
     background-image: none;
 }
 
-/* CLS fix: lock the breadcrumb masthead height so hydration doesn't shift content below */
+/* Match the homepage breadcrumb spacing more closely to category mastheads. */
 #only-breadcrumb-masthead {
-    height: 40px;
+    box-sizing: border-box;
+    height: 64px;
     overflow: hidden;
+    padding-top: 24px;
 }
 
 /* CLS fix: lock the description+button area height to prevent shift when ads-cta-button hydrates */

Original file line number	Diff line number	Diff line change
`@@ -22,10 +22,12 @@ html[theme='dark'] body {`
`22`	`22`	`background-image: none;`
`23`	`23`	`}`
`24`	`24`
`25`		`-/* CLS fix: lock the breadcrumb masthead height so hydration doesn't shift content below */`
	`25`	`+/* Match the homepage breadcrumb spacing more closely to category mastheads. */`
`26`	`26`	`#only-breadcrumb-masthead {`
`27`		`- height: 40px;`
	`27`	`+ box-sizing: border-box;`
	`28`	`+ height: 64px;`
`28`	`29`	`overflow: hidden;`
	`30`	`+ padding-top: 24px;`
`29`	`31`	`}`
`30`	`32`
`31`	`33`	`/* CLS fix: lock the description+button area height to prevent shift when ads-cta-button hydrates */`