Merge pull request #194 from nikhilkalburgi/develop

Fix the Products Dropdown Issue

Author: iArchitSharma

assets/scss/_footer_project.scss

@@ -3,7 +3,7 @@
   color: $white;
   line-height: 28px;
   padding: 2.5rem 3rem 1.5rem;
-  z-index: 100;
+  z-index: 30;
   display: flex;
   flex-direction: column;
   align-items: center;

layouts/partials/navbar.html

@@ -21,17 +21,16 @@
                         </a>
                     </li> -->
           <li class="nav-item dropdown" data-bs-theme="dark">
-            <a
+            <span
               class="nav-link dropdown-toggle"
-              href="#"
               id="navbarDropdown"
               role="button"
               data-toggle="dropdown"
               aria-haspopup="true"
               aria-expanded="false"
             >
               Products
-            </a>
+          </span>
             <div class="dropdown-menu" aria-labelledby="navbarDropdown">
               <a
                 class="dropdown-item"
@@ -137,6 +136,12 @@
       dropdown.classList.toggle("current");
       document.querySelector(".dropdown-menu").classList.toggle("show");
     });
+    document.body.addEventListener('click', function(e) {
+      if(e.target != dropdown && dropdown.classList.contains("current")){
+        dropdown.classList.toggle("current");
+        document.querySelector(".dropdown-menu").classList.toggle("show");
+      }
+    })
     // console.log(window.location.pathname == "/cloud/");
     // check if the current page ic cloud
     let cur;