I'm having a similar problem.
I have tried the solution which works to some extent but at certain widths, the top menu and side menu (three bars) clash really badly (see screenshot). Also, the logo goes in and out of view as the width is altered. This seems to happen between 750px and 900px width. Annoyingly, this is just the area of my client's iPad.
What I need if for the logo to show on the blue background (inner pages only) and for the top menu to completely disappear rather than just drop below the logo into the white area.
I hope I have been clear - but just in case, check this page http://www.britishbistro.com.au/index.php/about-us-3
and watch what happens as you gradually reduce the width.
Thanks in advance, David