From 536e2fcacb7e0b92f81faf68d63a4656e560f6c7 Mon Sep 17 00:00:00 2001 From: Patrick Schwarzer Date: Mon, 12 May 2025 20:45:17 +0200 Subject: [PATCH] Hide Mobile Nav when clicking outside it --- script.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/script.js b/script.js index f132291..1fbfbbf 100644 --- a/script.js +++ b/script.js @@ -46,4 +46,13 @@ document.addEventListener("DOMContentLoaded", () => { mobileNavButton.addEventListener("click", () => { mobileNav.classList.toggle("active"); }) + + document.addEventListener("click", function(event) { + const isInsideMobileNav = mobileNav.contains(event.target); + const isClickToggle = mobileNavButton.contains(event.target); + + if (!isInsideMobileNav && !isClickToggle){ + mobileNav.classList.remove("active"); + } + }) })