diff --git a/blocks/header/header.js b/blocks/header/header.js
index 439cc43..f9ca1b9 100644
--- a/blocks/header/header.js
+++ b/blocks/header/header.js
@@ -44,6 +44,8 @@ function injectNavTools(nav, type) {
 }
 
 function addLoginEventListener(nav) {
+  // if this selector changes, modify the configureHamburgerLoginBtn
+  // function in nav-utils.js as well
   const loginButton = nav.querySelector('.nav-tools-login');
 
   if (loginButton) {
diff --git a/blocks/header/nav-utils.js b/blocks/header/nav-utils.js
index fd78744..b1cd6ff 100644
--- a/blocks/header/nav-utils.js
+++ b/blocks/header/nav-utils.js
@@ -122,6 +122,19 @@ export function toggleSearch() {
   document.body.classList.toggle('overflowY-hidden');
 }
 
+function configureHamburgerLoginBtn() {
+  const loginButton = document.querySelector('.nbd-hamburger-menu-wrapper .nbd-hamburger-menu-mob [data-target="#logincomp"]');
+  const actualLoginButton = document.querySelector('.nav-tools-login');
+  if (loginButton) {
+    // this attributes adds a click handler which disables any click events
+    // on this particular button. Hence removing the attribute
+    loginButton.removeAttribute('data-toggle');
+    loginButton.addEventListener('click', () => {
+      actualLoginButton.click();
+    });
+  }
+}
+
 export async function loadNavTools() {
   const resp = await fetch(getMetadata('nav'));
   if (resp.ok) {
@@ -181,6 +194,8 @@ export async function loadNavTools() {
       });
     }
 
+    configureHamburgerLoginBtn();
+
     appendStyles(doc);
   }
 }