はてなブログをスマホ表示すると横にずれる問題の対処法

スマホ表示で横にずれる問題

スマホで記事ページを見ると横スクロールバーが表示されて横にずれることがわかりました。
デザインテーマはSmooth（公式テーマ）を使用しています。

対処法

デザイン ⇢ カスタマイズ（スパナマーク） ⇢ ヘッダ ⇢ タイトル下 に以下を記述。

<style>
    #container {
        overflow-x:hidden !important;
    }
</style>

はみ出している部分を隠しているだけですが、これで一応直りました。