Firstly thanks for creating such a wonderful theme!
Unfortunately I am having a difficulty with the theme when I want to increase the size of the logo beyond the size that the theme options recommends. When I do it the positioning is fine, the problem comes when I reduce the window size down to that of (around) an iPad/tablet screen width. The navigation clashes by going over the logo. If you visit http://dev2.heartwoodburners.co.uk/ you will see what I mean.
As part of my investigation into why this might be happening I tried using the recommended logo size and created a longer primary navigation - of about 8 items - to see if the same thing happens and it does. It seems there is something missing from the CSS or code to allow this to happen whether recommended logo size or not.
It would be great if I could (1) get the navigation to flow on to two lines in order to remedy this responsive issue (preferred) or (2) have the mobile device menu swap out from the standard navigation at a slightly higher window width (at the moment it seems to happen around 767px.).
Can you give me an idea of how I could remedy either (1) with the stylesheets or where to find the responsive navigation element in the files in order to achieve (2)?
Thanks so much in advance - you will be saving me a load of trouble. I have been looking for a work around all day.