From 60e7939e62ec2d37babed708501a5f290bda3925 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Wed, 24 Jan 2024 09:54:52 -0800
Subject: [PATCH] fixed layering bug

- Fixed a bug that happens when a user clicked on the menu on smaller devices and the social media icons are still visible.
---
 src/components/Navbar.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 02f9f52..a5e01dc 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -4,7 +4,7 @@ import navbarPages from "../data/navbarPages.json";
 
 <div>
     <div class="bg-white flex justify-between items-center">
-        <div class="h-20 flex items-center p-2 z-10 w-auto scale-[85%]">
+        <div class="h-20 flex items-center p-2 z-20 w-auto scale-[85%]">
             <img src="logos/ieeelogo_full.png" class="h-14" alt="IEEE Logo" />
         </div>
         <nav class="xl:block items-center px-6 hidden">
@@ -22,7 +22,7 @@ import navbarPages from "../data/navbarPages.json";
             </ul>
         </nav>
         <nav
-            class="xl:hidden absolute top-[75px] w-full bg-white overflow-y-hidden transition-all duration-500 -translate-y-full z-0"
+            class="xl:hidden absolute top-[75px] w-full bg-white overflow-y-hidden transition-all duration-500 -translate-y-full z-10"
             style="height: calc(100vh - 75px);"
             id="secondNav"
         >
@@ -42,7 +42,7 @@ import navbarPages from "../data/navbarPages.json";
                 }
             </ul>
         </nav>
-        <div class="xl:hidden z-5 mr-2 z-10">
+        <div class="xl:hidden z-5 mr-2 z-20">
             <button
                 class="hamburger hamburger--collapse flex bg-white p-0 m-0"
                 color="#FFFFFF"