diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index b1193a3..c452580 100644
--- a/assets/css/src/nav.css
+++ b/assets/css/src/nav.css
@@ -52,8 +52,6 @@
   grid-template-columns: 2fr 8fr 1fr;
   padding: 3rem var(--space-m) 3rem 1rem;
   border-bottom: var(--border);
-
-  transition: top 0.6s var(--curve-quick-slow);
 }
 #expanded-nav.open {
   top: 0rem;
diff --git a/assets/js/functions.js b/assets/js/functions.js
index 524b0f7..fb1224e 100644
--- a/assets/js/functions.js
+++ b/assets/js/functions.js
@@ -1,24 +1,30 @@
 let handleClick;
 
 function expandNav(nodes) {
-  nodes.expandedNav.classList.add("open");
+  nodes.expandedNav.style = "transition: top 0.6s var(--curve-quick-slow);";
+  setTimeout(() => {
+    nodes.expandedNav.classList.add("open");
 
-  nodes.burgerBtn.setAttribute("aria-expanded", true);
-  nodes.closeNavBtn.setAttribute("aria-expanded", true);
+    nodes.burgerBtn.setAttribute("aria-expanded", true);
+    nodes.closeNavBtn.setAttribute("aria-expanded", true);
 
-  handleClick = () => closeNav(nodes);
-  nodes.main.addEventListener("click", handleClick);
-  nodes.footer.addEventListener("click", handleClick);
+    handleClick = () => closeNav(nodes);
+    nodes.main.addEventListener("click", handleClick);
+    nodes.footer.addEventListener("click", handleClick);
+  }, 10);
 }
 
 function closeNav(nodes) {
-  console.log("close nav");
   nodes.expandedNav.classList.remove("open");
 
   nodes.burgerBtn.removeAttribute("aria-expanded");
   nodes.closeNavBtn.removeAttribute("aria-expanded");
 
   nodes.main.removeEventListener("click", handleClick);
+
+  setTimeout(() => {
+    nodes.expandedNav.removeAttribute("style");
+  }, 610);
 }
 
 function show(image) {
diff --git a/assets/js/script.js b/assets/js/script.js
index a03268b..dc278ad 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -26,13 +26,10 @@ document.addEventListener("DOMContentLoaded", () => {
 
   setTimeout(() => {
     nodes.images.forEach((image) => {
-      console.log(image);
-      console.log(image.complete);
       if (image.complete) {
         show(image);
       } else {
         image.addEventListener("load", () => {
-          console.log("image loaded");
           show(image);
         });
       }