Navigation is 'behind' logotype on Mobile, SqSp 7.1 and unclickable

On newly published client website, www.jazzikology.com in SqSp 7.1 FE, mobile view on the menu page…the navigation menu is 'behind' logotype and therefore unclickable. 

• I don't need the logo on the menu page.

• I do need the logo on the home page. 

What is the best way to handle this? Why is it happening?

Screenshot is from iPhone13Pro. 

I see you figured it out?

After several attempts and inspecting the code. This workaround oddly did the trick.

// MOBILE Hide Logo or Site Title When Menu Is Open - 7.1 //
.header--menu-open .header .header-title-logo img, .header--menu-open .header .header-title-text a {
  display: show !important;
  margin: 0px 0px 0px -1000px !important;
}

A display of 'none' (or 'hide') did not work and you can see I moved the 'img' off the screen to the left. The combination seems to work. Not pretty, but functional.

But why is this happening in the first place?