Issue with responsive layout

When the browser window size is small enough to render the hamburger menu:


the sidebar menu is hidden, but still active. I cannot click any element on the page, but instead I click something and if I'm hovering one of the hidden menu items, one of them is clicked (e.g. I randomly clicked, and got logged out because I clicked the invisible "Logout" link.

Also happening when the text size is increased enough to trigger this layout.

Adding `class="hidden"` on `#admin-sidebar` works, need to find out if this can be added via JS or it's best to do it via CSS directly.