From 9bcba46b93cf0002f3a26bc2d82ec647bf2001af Mon Sep 17 00:00:00 2001
From: Eugene Breen <49158625+eugenebreenire@users.noreply.github.com>
Date: Mon, 13 Jan 2025 09:31:44 +0000
Subject: [PATCH] Release 0.5

---
 css/styles.css | 13 ++++++++++---
 js/script.js   |  2 +-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 9cb2cf3..5faa3db 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -47,7 +47,7 @@ body {
 
 /* Hamburger Menu Button */
 .hamburger {
-    display: block; /* Ensure it's shown on mobile */
+    display: block; /* Always show hamburger */
     font-size: 30px;
     color: white;
     background: none;
@@ -56,7 +56,7 @@ body {
     position: absolute;
     top: 15px;
     right: 20px;
-    z-index: 2000; /* Increased z-index */
+    z-index: 2000; /* Ensure it's above navbar */
 }
 
 .hamburger span {
@@ -290,7 +290,7 @@ footer .social-icons a {
 }
 
 /* Responsive Styles for Smaller Screens */
-@media (max-width: 768px) {
+@media (max-width: 1024px) {
     .header-top {
         flex-direction: column;
         align-items: center;
@@ -318,10 +318,12 @@ footer .social-icons a {
         text-align: center;
     }
 
+    /* Ensure hamburger button is always visible */
     .hamburger {
         display: block;
     }
 
+    /* Hide the main menu and only show the mobile version when toggled */
     .navbar ul {
         display: none;
     }
@@ -330,4 +332,9 @@ footer .social-icons a {
         display: flex;
         flex-direction: column;
     }
+
+    /* Show the mobile menu when active */
+    .navbar ul.mobile.active {
+        display: flex;
+    }
 }
diff --git a/js/script.js b/js/script.js
index 4e23b42..e5f2e84 100644
--- a/js/script.js
+++ b/js/script.js
@@ -3,6 +3,6 @@ document.addEventListener("DOMContentLoaded", function () {
     const menu = document.querySelector(".navbar ul");
 
     hamburger.addEventListener("click", function () {
-        menu.classList.toggle("active"); // Show/hide the menu
+        menu.classList.toggle("active"); // Toggle visibility on click
     });
 });