Hide empty Footer correctly (#3842)

zenoachtig · web-flow · commit 3fbd6f0d503d · 2025-12-03T12:21:38.000Z
diff --git a/packages/gitbook/src/components/Footer/Footer.tsx b/packages/gitbook/src/components/Footer/Footer.tsx
@@ -29,7 +29,7 @@ export function Footer(props: { context: GitBookSiteContext }) {
             className={tcls(
                 'border-tint-subtle border-t',
                 // If the footer only contains a mode toggle, we only show it on smaller screens
-                mobileOnly ? '@7xl:hidden' : null
+                mobileOnly ? 'xl:hidden' : null
             )}
         >
             <div className="motion-safe:transition-[padding] motion-safe:duration-300 lg:chat-open:pr-80 xl:chat-open:pr-96">

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export function Footer(props: { context: GitBookSiteContext }) {`
`29`	`29`	`className={tcls(`
`30`	`30`	`'border-tint-subtle border-t',`
`31`	`31`	`// If the footer only contains a mode toggle, we only show it on smaller screens`
`32`		`- mobileOnly ? '@7xl:hidden' : null`
	`32`	`+ mobileOnly ? 'xl:hidden' : null`
`33`	`33`	`)}`
`34`	`34`	`>`
`35`	`35`	`<div className="motion-safe:transition-[padding] motion-safe:duration-300 lg:chat-open:pr-80 xl:chat-open:pr-96">`