diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index f96a287e4..c63bba4fe 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/webapp/components/HeaderMenu/HeaderMenu.vue
@@ -191,7 +191,9 @@
             style="text-align: center"
           >
             <client-only>
-              <map-button />
+              <div @click="toggleMobileMenuView">
+                <map-button />
+              </div>
             </client-only>
           </ds-flex-item>
           <!-- avatar menu mobile -->
@@ -205,22 +207,24 @@
           <!-- dynamic branding menus -->
           <ul v-if="isHeaderMenu" class="dynamic-branding-mobil">
             <li v-for="item in menu" :key="item.name">
-              <a v-if="item.url" :href="item.url" :target="item.target">
+              <a v-if="item.url" :href="item.url" :target="item.target" @click="toggleMobileMenuView">
                 <ds-text size="large" bold>
                   {{ $t(item.nameIdent) }}
                 </ds-text>
               </a>
               <nuxt-link v-else :to="item.path">
-                <ds-text size="large" bold>
-                  {{ $t(item.nameIdent) }}
-                </ds-text>
+                <div @click="toggleMobileMenuView">
+                  <ds-text size="large" bold>
+                    {{ $t(item.nameIdent) }}
+                  </ds-text>
+                </div>
               </nuxt-link>
             </li>
           </ul>
           <hr />
           <!-- dynamic footer menu in header  -->
           <ul class="dynamic-footer-mobil">
-            <li v-for="pageParams in links.FOOTER_LINK_LIST" :key="pageParams.name">
+            <li v-for="pageParams in links.FOOTER_LINK_LIST" :key="pageParams.name" @click="toggleMobileMenuView">
               <page-params-link :pageParams="pageParams">
                 {{ $t(pageParams.internalPage.footerIdent) }}
               </page-params-link>