Mobile Menu as icon on the side of menu

Hi! I set up the menu to view as icon also on desktop devices and it works.
The problem is I get the burger icon under the main logo, see the screenshot

I have achieved the result with these lines of css

#header_main_alternate {
    position: absolute;
    right: 0;
    top: 20%;
}

#top .header_color.av_header_transparency .avia-menu-fx, .av_header_transparency div .av-hamburger-inner, .av_header_transparency div .av-hamburger-inner::before, .av_header_transparency div .av-hamburger-inner::after {
    background: #333;
}

and this is the result

but I was wondering if there is another method.

P.S.: I’m working locally so I can’t give you any access, sorry.
Thanks!

• This topic was modified 6 years, 5 months ago by planetcappe. Reason: wrong screenshot uploaded