Hi,
I have a similar question.
I have changed the logo size as per above
.site-branding {
float: left;
overflow: hidden;
width: 400px;
word-wrap: break-word;
}
.main-navigation {
float: right;
max-width: 60%;
}
but on a mobile the logo sticks out of the side (see attached). This means you do not see the whole logo
http://i299.photobucket.com/albums/mm288/Barlow_photos/Screenshot_2015-07-14-16-50-00.png
What I would like to do is have the logo full width and move the menu below (retaining the background grey) – how can this be achieved, with the logo resizing correctly on a mobile device?
best regards