more respnsive: header hamburger done, started base

web/themes/custom/materiotheme/vuejs/store/modules/common.js

@@ -7,7 +7,8 @@ export default {
 
   // initial state
   state: {
-    pagetitle: null
+    pagetitle: null,
+    hamburgerMenuToggle: document.querySelector('input#header-block-right-toggle')
   },
 
   // getters
@@ -18,10 +19,18 @@ export default {
     setPagetitle (state, title) {
       console.log('Common, setPagetitle', title)
       state.pagetitle = title
+    },
+    setHamMenuState (state, s){
+      state.hamburgerMenuToggle.checked = s
     }
   },
 
   // actions
-  actions: {}
+  actions: {
+    openCloseHamMenu ({ dispatch, commit, state }, s) {
+      console.log('openCloseHamMenu', s)
+      commit('setHamMenuState', s)
+    }
+  }
 
 }