Mobile Menu button position

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

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;