Upon re-sizing my window (and viewing on a mobile site), the mobile menu button appears right next to the site title and I would prefer it stay as far to the right as possible (to keep the menu bar of a similar size (height) as the full site.
My address is http://www.jasonsavory.co.uk
Use this please and it should go along nicely with the custom CSS you already have:
.menu-toggle {
float: right;
margin: 5px;
}
And if you also add this to reduce the font size for the site title on small screens it should make them fit on the same line for iPhone screens:
@media (max-width: 320px) {
.site-title {
font-size: 30px;
}
}