add css for navbar depth

docs/docs/stylesheets/hide_guides.css

@@ -1,10 +0,0 @@
-.md-nav__item a[href$="agentic_concepts/"],
-.md-nav__item a[href$="guide2/"],
-.md-nav__item a[href$="topic1/"],
-.md-nav__item a[href$="topic2/"] {
-  display: none !important;
-}
-
-li:has(> a[href$="concepts/"]) > button.md-nav__btn {
-  display: none !important;
-}

docs/overrides/main.html

@@ -158,6 +158,16 @@
       background-color: #CFC9FA;
       color: #000000;
     }
+
+    /* control the navbar depth */
+    [data-md-level="2"] .md-nav {
+      display: none;
+    }
+
+    /* disable the collapse/expand icon in the navar */
+    .md-nav__icon {
+      display: none;
+    }
   </style>
 {% endblock %}