Toggling mobile nav inits headroom and hides the menu

[ladislavsulc]

Hi,

I am using vue-headroom with Nuxt. For mobile menu simple toggle method with Tailwindcss. When I click on the hamburger icon to hide/show the mobile menu, it automatically hides the whole navbar.

Example code: https://jsfiddle.net/adamwathan/o1uotjxk/

Any idea what might be causing this? If there is no solution, how do I disable headroom just for mobile breakpoints?

Thank you.

Any advice appreciated.