How can I remove an invisible hamburger menu on mobile?

[Apeya]

Recently I moved my hamburger menu to the right corner and only now realised, that there is another ‘invisible’ hamburger menu right under the logo image. It responds if you touch in the area I marked on the picture attached. 

Can I somehow get rid of it?

huge thanks in advance)

[Apeya]

Website - apeya.co

Theme - Dawn

[Dan-From-Ryviu]

Please remove your codes that move menu and logo so I can provide new codes to make it works

[topnewyork]

@media (max-width: 768px){
    svg.icon.icon-hamburger {
    display: none !important;
}
}

@media (min-width: 769px){
svg.icon.icon-hamburger {
    display: none !important;
}
}

[HHenry · Accepted solution]

You can  follow the instruction below: 

1. Go to Shopify > Theme > Customize

2. Copy and paste this code on Theme settings > Custom CSS section

@media (max-width: 767px) {
	.menu-drawer-container {
		position: absolute;
	    left: 344px;
	    top: 3px;
	}
	.header__icon--menu svg.icon.icon-hamburger {
	    position: static;
	}
	.header__heading a.header__heading-link {
	    position: static;
	    margin-top: -15px;
	}
	.header__icon--menu svg.icon.icon-close {
		left: 0 !important;
	}
	div#menu-drawer {
		right: -26px;
    	left: auto;
	}
}

Done

[Apeya]

I’ve made some personal corrections, but overall this code worked!!!

Thank you SO MUCH, Henry. I truly appreciate your help