From 4de42626a7d90c8edd46518b71f0d3e92c6b88a6 Mon Sep 17 00:00:00 2001
From: Hamed Rabah <26891088+hamedrabah@users.noreply.github.com>
Date: Mon, 24 Aug 2026 16:18:56 -0700
Subject: [PATCH] Document nav logo CSS specificity

---
 customize/custom-scripts.mdx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/customize/custom-scripts.mdx b/customize/custom-scripts.mdx
index 6a4e508a2..00deccbda 100644
--- a/customize/custom-scripts.mdx
+++ b/customize/custom-scripts.mdx
@@ -190,7 +190,14 @@ Multiple instances of these elements can appear on a page. Use these as `value`
     - `breadcrumb-item`: Individual breadcrumb item.
   </Accordion>
   <Accordion title="Topbar navigation">
-    - `nav-logo`: Logo in the navigation bar.
+    - `nav-logo`: Logo image in the navigation bar. To override its default size utilities, target `img.nav-logo` and use `!important`.
+
+      ```css
+      img.nav-logo {
+        height: 3.75rem !important;
+        width: auto !important;
+      }
+      ```
     - `navbar-link`: Link element within the navigation bar.
     - `nav-anchors`: Container for anchor links in the topbar.
     - `nav-anchor`: Individual anchor link in the topbar.