Need Burger Mobile Menu to be Unclickable When Hidden

Currently if I click the top right corner even when the menu is hidden, it still allows the user to click it and enter the burger menu. 

localplantsupply.com

Password is known

@Ziggyfor some reason when I do this, the header on the desktop version ends up shifting further left so the logo is now off center.

2 hours ago, LocalPlantSupply said:

logo is now off center

Try this code instead of what you have:

.header .header-burger {
    display: none;
}

@Ziggymy logo on desktop and mobile is still off center with the following CSS:

<style>
.burger-box , .header-burger , .header-nav , .sqs-button-element--primary {
    display:none !important;
  }
</style>

I am going to switch it back to visibility:hidden temporarily as I'd rather have it invisible and clickable than an off center logo until I have a working fix. On desktop it shifts to the left, on mobile it shifts to the right. I tried a few things from other forum posts here but none are working for me. Thanks in advance!

@Ziggystrangely switching it back to visibility:hidden has now fixed my issues. *shrugs*