Add this CSS to position the Menu to the left of the logo:
.main-navigation.has-branding .menu-toggle {
order: -1;
margin-right: auto;
}
Then you can remove the Mobile Menu Label text from the Customizer > Layout > Primary Navigation – so it just displays the icon. This will help center your logo as well π