link-list = add file

assets/css/src/generic.css

@@ -220,7 +220,7 @@ img.show {
 
 /* Link hover scale up */
 /* Logo hover */
-.expanded-nav a,
+#expanded-nav a,
 .main-nav a,
 .main-footer a,
 .hero__text a,
@@ -238,7 +238,7 @@ img.show {
   transition: scale 0.5s var(--curve-quick);
 }
 
-.expanded-nav a:hover,
+#expanded-nav a:hover,
 .filters button:hover,
 .main-nav a:hover,
 .main-footer a:hover,

assets/css/src/nav.css

@@ -7,6 +7,11 @@
   }
 }
 
+.main-nav a.current,
+#expanded-nav a.current {
+  font-weight: bold;
+}
+
 .info-banner {
   overflow: hidden;
   white-space: nowrap;
@@ -37,7 +42,7 @@
 
 /* Expanded nav */
 
-.expanded-nav {
+#expanded-nav {
   position: fixed;
   width: 100%;
   box-sizing: border-box;
@@ -51,7 +56,7 @@
 
   transition: top 0.6s var(--curve-quick-slow);
 }
-.expanded-nav.open {
+#expanded-nav.open {
   top: 0rem;
 }
 
@@ -182,7 +187,7 @@
     height: 5.2vw;
   }
 
-  .expanded-nav {
+  #expanded-nav {
     width: 100vw;
     height: 100vh;
     top: -100vh;
@@ -190,7 +195,7 @@
     overflow: scroll;
   }
 
-  .expanded-nav .close-btn {
+  #expanded-nav .close-btn {
     position: absolute !important;
     top: 3rem;
     right: var(--space-m);

assets/js/functions.js

@@ -15,8 +15,8 @@ function closeNav(nodes) {
   console.log("close nav");
   nodes.expandedNav.classList.remove("open");
 
-  nodes.burgerBtn.setAttribute("aria-expanded", false);
-  nodes.closeNavBtn.setAttribute("aria-expanded", false);
+  nodes.burgerBtn.removeAttribute("aria-expanded");
+  nodes.closeNavBtn.removeAttribute("aria-expanded");
 
   nodes.main.removeEventListener("click", handleClick);
 }

assets/js/script.js

@@ -4,8 +4,8 @@ document.addEventListener("DOMContentLoaded", () => {
   // Variables
   const nodes = {
     burgerBtn: document.querySelector(".burger-btn"),
-    closeNavBtn: document.querySelector(".expanded-nav .close-btn"),
-    expandedNav: document.querySelector(".expanded-nav"),
+    closeNavBtn: document.querySelector("#expanded-nav  .close-btn"),
+    expandedNav: document.querySelector("#expanded-nav"),
     main: document.querySelector("main"),
     footer: document.querySelector(".main-footer"),
     nav: document.querySelector(".main-nav"),