From 05f920eff42bb17da78675c93b6e2673b872ef26 Mon Sep 17 00:00:00 2001
From: satish chakma <satishchakma.gd@gmail.com>
Date: Wed, 9 Aug 2023 21:07:24 +0600
Subject: [PATCH 1/2] bugfix: When activities on, the mobile view is missing
 the Events text

---
 src/common/header/header.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/common/header/header.css b/src/common/header/header.css
index c84359e43b..8fe9418a35 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -349,6 +349,9 @@
 }
 
 @media screen and (max-width: 768px) {
+  .header-links > li > .app-header-btn.app-header-btn--secondary {
+    color: var(--color-neutral-80);
+  }
 }
 
 @media screen and (max-width: 576px) {

From f70072f26b9823ad8d4c7b5e9dbe89d1fa337c1e Mon Sep 17 00:00:00 2001
From: satish chakma <satishchakma.gd@gmail.com>
Date: Wed, 9 Aug 2023 21:51:11 +0600
Subject: [PATCH 2/2] bugfix: When activities on, the mobile view is missing
 the browse button is fixed

---
 src/common/header/HeaderNav.jsx | 4 ++--
 src/common/header/header.css    | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
index 4439349803..beda156bff 100644
--- a/src/common/header/HeaderNav.jsx
+++ b/src/common/header/HeaderNav.jsx
@@ -75,7 +75,7 @@ const HeaderNav = ({ showBrowse }) => {
             </button>
           </li>
 
-          {showBrowse && !showToggleMenu && (
+          {showBrowse && (
             <li>
               <Link
                 className="app-header-btn app-header-btn--secondary"
@@ -87,7 +87,7 @@ const HeaderNav = ({ showBrowse }) => {
               </Link>
             </li>
           )}
-          <li>
+          <li className="menu-events">
             <a
               className="app-header-btn app-header-btn--secondary"
               data-testid="events-btn"
diff --git a/src/common/header/header.css b/src/common/header/header.css
index 8fe9418a35..ffb069324e 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -352,6 +352,9 @@
   .header-links > li > .app-header-btn.app-header-btn--secondary {
     color: var(--color-neutral-80);
   }
+  .menu-events {
+    margin: 0.4rem 0 0rem 0;
+  }
 }
 
 @media screen and (max-width: 576px) {