diff --git a/assets/css/main.css b/assets/css/main.css index 0af4c0b..da27e55 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -368,7 +368,7 @@ h6 { color: var(--nav-dropdown-color); padding: 10px 20px; font-family: var(--nav-font); - font-size: 17px; + font-size: 14px; font-weight: 500; display: flex; align-items: center; @@ -457,6 +457,13 @@ h6 { .mobile-nav-active .navmenu>ul { display: block; } + .navmenu .dropdown.mega-menu ul{ + display: none !important; + padding: 0px !important; + } + .navmenu .dropdown.mega-menu>.dropdown-active{ + display: block !important; + } } /*-------------------------------------------------------------- diff --git a/assets/img/contact.png b/assets/img/contact.png new file mode 100644 index 0000000..dbe4bd4 Binary files /dev/null and b/assets/img/contact.png differ diff --git a/assets/js/main.js b/assets/js/main.js index 8749be3..b6c1df5 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -150,6 +150,18 @@ }, 100); } } + const page = window.location.pathname; + document.querySelectorAll('#navmenu li').forEach(item => { + // Your logic here + debugger; + const link = item.querySelector('a'); + let route = link.getAttribute('href'); + if(page !== '/') + route = '/'+route; + if(route === page) + link.classList.add('active') + console.log(item.textContent); // Example: logs the text content of each
  • + }); }); /** diff --git a/assets/js/navbar.js b/assets/js/navbar.js index 736fa0b..74c26c5 100644 --- a/assets/js/navbar.js +++ b/assets/js/navbar.js @@ -9,7 +9,7 @@ const html = `