full width image header on mobile

Hello I use the following code provided by your folks some time ago for three sites, it works like a charm, however it gets in the way of the burger menu on mobile. Can you assist with this
@media only screen and (min-width: 990px) {
.responsive .container.av-logo-container {
width: 100%;
max-width: 100%;
padding: 0;
right: 0;
}
.html_header_top.html_logo_center .logo,
.html_header_top.html_logo_center .logo a {
overflow: visible;
width: 100%;
max-width: 100%;
}
.html_header_top.html_logo_center .logo img {
margin-right: -2em;
width: 90vw;
max-width: 100%;
}
}