Optimize nav for mobile

backontrackus · Dec 30, 2024 · 92814a6 · 92814a6
1 parent b5fe48a
commit 92814a6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -35,13 +35,13 @@ const pages = [
 
 <!-- Mobile Navbar -->
 <nav
-  class="sticky left-0 top-0 flex w-full flex-wrap items-center justify-between gap-3 bg-bot-blue px-5 py-5 md:hidden"
+  class="sticky left-0 top-0 flex w-full flex-wrap items-center justify-between bg-bot-blue p-3 md:hidden"
 >
-  <a class="hover:text-orange mx-5 text-xl font-bold text-white" href="/">
+  <a class="hover:text-orange p-1 text-lg font-bold text-white" href="/">
     Back on Track America
   </a>
   <button
-    class="content-end text-white focus:outline-none"
+    class="content-end text-lg font-bold text-white focus:outline-none"
     onclick="document.getElementById('mobile-menu').classList.toggle('hidden')"
   >
     &#9776;