Skip to content

Document nav logo CSS specificity - #7075

Open
hamedrabah wants to merge 1 commit into
mintlify:mainfrom
hamedrabah:docs/nav-logo-css-specificity
Open

Document nav logo CSS specificity#7075
hamedrabah wants to merge 1 commit into
mintlify:mainfrom
hamedrabah:docs/nav-logo-css-specificity

Conversation

@hamedrabah

@hamedrabah hamedrabah commented Aug 24, 2026

Copy link
Copy Markdown

Documentation changes

Clarifies that custom logo sizing should target img.nav-logo and includes a CSS example that overrides the default Tailwind height utility while preserving the logo aspect ratio.

Closes #6242


For Reviewers

  • The selector matches Mintlify template usage.
  • The example addresses the documented specificity conflict.
  • The change is limited to the affected navigation hook.

Note

Low Risk
Documentation-only change to custom CSS guidance; no runtime or product code affected.

Overview
Updates the Topbar navigation element-selector docs for nav-logo so custom sizing guidance matches how the logo is rendered in the template.

The nav-logo entry now states it applies to the logo image, explains that default size utilities need img.nav-logo with !important, and adds a short CSS example (height: 3.75rem, width: auto) for overriding Tailwind height while keeping aspect ratio. Closes #6242.

Reviewed by Cursor Bugbot for commit 4de4262. Bugbot is set up for automated code reviews on this repo. Configure here.

@hamedrabah

Copy link
Copy Markdown
Author

Ready for review when a maintainer has a chance. This is a small docs-only correction for #6242, and the automated check is passing. Thank you!

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.

docs: Update custom-scripts documentation regarding nav-logo CSS specificity overrides

1 participant