How can I remove an invisible hamburger menu on mobile?

Store Design
1

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)

IMG_2723.jpeg
IMG_2723.jpeg1125×547 23.5 KB

2

Website - apeya.co

Theme - Dawn

3

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

4

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

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

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

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

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