If you gradually collapse the page, there are a number of issues.
1- the responsive navigation shows the menu button but only after it has shown a 'vertical version of the menu.
2- When it shows the menu button that squashes the logo and makes it tiny.
3- If you click to open the menu with a narrow screensize, it completely obscures the logo rather than appearing below it.
4- if you open the menu and then expand the page back to a wide viewport, the menu doesn't respond back to being the normal horizontal menu you started with, it statys vertical and kind of floats, obscuring part of the logo and header postbox image.
Can you advise how to resolve these issues.