Update custom.css

Author: nancy-verma780

src/css/custom.css

@@ -8,9 +8,8 @@
 /* FINAL MOBILE OVERRIDE: aggressively remove any top gap on narrow viewports
    This targets any leftover placeholders, pseudo-elements, safe-area padding,
    or theme-provided offsets. Keep it last so it wins over other rules. */
+/* Keep your 1024px rule to hide the placeholder element */
 @media screen and (max-width: 1024px) {
-
-  /* remove any generated placeholders or spacer elements that push content down */
   .theme-doc-navbar-placeholder,
   .theme-doc-navbar-placeholder * {
     display: none !important;
@@ -19,6 +18,17 @@
     padding: 0 !important;
     overflow: hidden !important;
   }
+}
+
+/* Add this 480px rule right below it to fix the mobile menu links text overlapping */
+@media screen and (max-width: 480px) {
+  .navbar-sidebar .menu__list-item {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+    position: relative !important;
+  }
+}
+
 
   /* global resets for top spacing and pseudo-elements */
   html,