Header customization

Doing some customization of my header area. I am unable to get the left navbar toggle to work. It’s drawing the hamburger button, but it is unresponsive.

Below is an example of a ‘hamburger’ icon that replaces the default one so you can put it in a Header-Left slot for example

<div class="toggle-navigation toggle-left">
    <button id="toggle-left" class="sidebar-toggle flex items-end" @click="vueapp.$store.state.site.sidebarMini = !vueapp.$store.state.site.sidebarMini "  >
        <i class="fa fa-bars fa-lg">
        </i>
    </button>
</div>

The takeaway is the vueapp.$store.state.site.sidebarMini = !vueapp.$store.state.site.sidebarMini which does the toggling.