[Vuejs]-Cannot trigger function when clicking logo

It’s because the menu navbar was overlapping on your logo. Your logo do have a z-index: -1; but here, the fix is to set some width to the .wrap .hamburger menu.

This could be enough, but of course you can make something more complex with flexbox or alike to make it more responsive depending of what can happen.

width: auto;

I found this out by inspecting with the chrome devtools.