[Blog]簡易レスポンシブ化しました

head内追加

<!-- Responsive meta tag ## Remove it to disable this feature -->
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

追加CSS

/*=====================================
= Responsive
=====================================*/

@media screen and (max-width: 1140px) {
    #outer-wrapper{
        width: 100%;
    }
    #rsidebar-wrapper {
        width: 100%;
        margin: auto;
        float: none;
    }
    #main-wrapper {
        width: 100%;
    }

}

これで一部端末から ウェブ バージョンを表示 したときにサイドバーのストレスがなくなるかなと思います(下に行くので)
エントリは560pxで収まる様に入れてるので問題なし

テンプレート買おうかと思ったわ