docs(nav): remove the Grid mark from the header logo - #911
Merged
Conversation
Trim the divider and the Grid mark + wordmark out of the light and dark header logos so only the lightspark wordmark shows. Shrinks the SVG canvas from 206x26 to 120x26 to match the remaining paths. Co-authored-by: Cursor <cursoragent@cursor.com>
The Mintlify client now ships Tailwind v4, where space-x-* sets margin-inline-end on every child except the last instead of margin-left on every child except the first. Our margin-left reset stopped reaching the space-x-6 on the link list, so the 24px margin stacked on top of the intended 8px gap. Zero the list items' margin directly. Also stop matching .navbar-link (the li) in the link rules: Mintlify renders <li class="navbar-link"><a>, so the li was padded on top of the anchor and the hover opacity was applied twice. Co-authored-by: Cursor <cursoragent@cursor.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub. 2 Skipped Deployments
|
Contributor
|
Preview deployment for your docs. Learn more about Mintlify Previews.
|
Contributor
carsonp6
approved these changes
Sep 8, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Why
The header should read as just the lightspark wordmark, without the Grid mark next to it. The header logo is a single SVG per theme (
mintlify/logo/light.svg,dark.svg) with the wordmark, a/divider, and the Grid mark + wordmark baked in, and there was no lightspark-only asset in the repo.While checking the result locally, the navbar links (GitHub / Book a live demo / Dashboard) had ~48px between them instead of the intended ~16px. That's fixed here too as a separate commit.
Changes
Header logo (
ba0bcd0b)/divider along with the mark since a lonelightspark /would look dangling.Navbar link spacing (
6dcec875)space-x-*setsmargin-inline-endon every child except the last (v3 setmargin-lefton every child except the first). Our existingmargin-left: 0reset stopped reaching thespace-x-6on the link list, so the 24px margin stacked on top of the intended 8pxgap. Added a directmargin: 0on the list items rather than broadening the existing wide navbar reset.<li class="navbar-link"><a>, and our link rules matched both.navbar-linkand the anchor, so each item was padded twice and the hover opacity applied twice (~0.5 instead of 0.7). Scoped those rules to the anchor only.Side effect: auto-generated OG images
Pages without a hard-coded
og:imageget Mintlify's auto-generated social card, which overlays thedocs.jsonlogoonthumbnails.background. Those cards (~39 pages, e.g./changelog) now show only the lightspark wordmark. This is intended. The 96 pages with a staticog:imageundermintlify/images/og/are unchanged, since that branding is baked into the PNGs.Verification
rsvg-convert; wordmark is intact, no trailing space.mint devlocally from this branch and confirmed the new logo and CSS are served;style.cssonmainand the current feature branches have identical navbar rules, so this isn't branch-specific./changelogOG card from the Mintlify preview against prod to confirm the logo change flows through.