Skip to content

fix: reserve Mintlify nav logo dimensions - #213

Merged
garyli27 merged 1 commit into
mainfrom
codex/help-cls-logo-size
Aug 14, 2026
Merged

fix: reserve Mintlify nav logo dimensions#213
garyli27 merged 1 commit into
mainfrom
codex/help-cls-logo-size

Conversation

@garyli27

Copy link
Copy Markdown
Contributor

What changed

  • Reserve the existing 108 × 28 px space for Mintlify's navigation logo before the image loads.
  • Keep the current visual size and use object-fit: contain for both light and dark logos.

Why

Google Search Console groups Help Center desktop pages under CLS issues. Current Lighthouse runs no longer reproduce a layout shift, but both mobile and desktop identify the Mintlify navigation logo as lacking explicit dimensions. Reserving its current rendered size removes that remaining deterministic risk without changing document content or Mintlify navigation behavior.

Impact

  • CSS-only change in the Mintlify docs repository.
  • No content, navigation, banner, or JavaScript changes.
  • The existing logo renders at 108 × 28 px on both mobile and desktop, so this does not enlarge or reflow the mobile header.

Validation

  • mintlify validate: passed.
  • Local Lighthouse, AI Overview, mobile: CLS 0; no layout shifts; no unsized images.
  • Local Lighthouse, AI Overview, desktop: CLS 0; no layout shifts; no unsized images.

Google Search Console field data uses a rolling real-user window, so the reported URL groups will need monitoring after deployment.

@garyli27
garyli27 marked this pull request as ready for review August 14, 2026 06:34
@garyli27
garyli27 merged commit 59f56d8 into main Aug 14, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant