なんと、自分でCSSを編集できるらしいのだ。
theme-plain.hatenablog.com
以下、上記のWEBサイトに掲載されていたCSSに、
一部分のみ私が編集したコードです。
これを使います。
/* ---------- タブレットサイズから１カラムにする ----------*/
/* Media Queries - tablet */
@media (max-width: 1095px) {
#content-inner
{-webkit-flex-direction:column;
-moz-flex-direction:column;
-ms-flex-direction:column;
-o-flex-direction:column;
flex-direction:column;}
#content-inner > *
{margin:0 auto;}
#blog-title, .ontitle-menu
{margin:0;width:100vw;} /*#blog-titleを幅いっぱいに*/
/*↑↑私、ここだけ変更80vwから100vwに。*/
#container
{padding-top:37px;} /*上の隙間をなくす（はてなグローバルヘッダ非表示の場合は0px）*/
/*パンくずリストの調整*/
#top-box{margin-left:1em;}
/*#mainのwidth調整*/
#main
{width:100vw;}
/*サイドバー調整*/
#box2
{width:100vw;padding-top:4em;}
#box2-inner
{display:flex;justify-content:center;flex-direction:row;align-items:flex-start;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
-o-flex-wrap:wrap;
flex-wrap:wrap;}
.hatena-module
{width:360px;box-sizing:content-box;margin:0.5em;background:none;border:solid 1px #aaa;}
}
@media (max-width:841px) {
.hatena-module
{width:334px;}
}
@media (max-width: 802px) {
#main{width:90vw;}
}
@media (max-width: 767px) {
#top-box{margin:-3.4em auto auto 0;}
#main{width:100vw;}
.hatena-module
{width:100%;margin:0;border:none;}
#box2
{padding-top:0;}
#container
{margin-bottom:0;}
}
/* ----------/ タブレットサイズから１カラムにする----------*/
