Mobile Menu button position


#1

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


#2

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;
  }
}