I was able to slightly mod the menu to keep the logo in the mobile version of the menu, but the default behavior is that it stacks, and eats a lot of screen on smaller devices. My clients are engineers, and are quite insistent about their design preferences.
I would like to have a more bootstrap typical layout with the hamburger menu on the right, logo on the left, and slightly reduced, freeing up more screen space. I tried to mod the CSS and header.php to keep two columns at the XS size, but that pushed the dropdown menu nearly off the screen.
Please see attached screenshot and mockup.
Site in progress: http://www.kelses.com/wordpress/
Any guidance would be helpful.