more respnsive: header hamburger done, started base

web/themes/custom/materiotheme/assets/scripts/main.js

@@ -96,6 +96,7 @@ import { MA } from 'vuejs/api/ma-axios'
         initVSiteBrandingBlock()
         initVPagetitleBlock()
         initVHeaderMenu()
+        initHamburgerMenu()
         initVMainContent()
         initVSearchBlock()
         initVLeftContent()
@@ -167,6 +168,10 @@ import { MA } from 'vuejs/api/ma-axios'
         document.querySelector('body').classList.add(...classes)
 
         updateLanguageLinksBlock(to.path);
+
+        // close the hamburger menu
+        store.dispatch('Common/openCloseHamMenu', false)
+
         // trigger router
         next()
       })
@@ -300,6 +305,14 @@ import { MA } from 'vuejs/api/ma-axios'
       }).$mount('#' + id)
     }
 
+    function initHamburgerMenu(){
+      const input = document.querySelector('input#header-block-right-toggle')
+      input.addEventListener('change', (e) => {
+        console.log("block header right toggle", e, this);
+        store.dispatch('Common/openCloseHamMenu', e.currentTarget.checked)
+      })
+    }
+
     function initVMainContent () {
       const id = 'main-content'
       const $main_content = document.querySelector('#' + id)