はてなブログのスマホ版のヘッダーのアイコンを非表示にする方法

f:id:kobabiz:20140516210739p:plain

はてなブログのスマホ版のデザインが変わりました。ちょっとイマイチなところもあるなと思っていました。

とくに、ヘッダーのアイコンが、「ブログアイコン」を丸く型どったものが表示されます。上の画像で、「ビ」と黒地に赤文字になっているところです。

これを非表示にする方法がないかなと思っていました。

f:id:kobabiz:20140516210854p:plain

これを上のように非表示にしたいなと思っていたところ、「はぴらき合理化幻想」さんで、こんな記事が書かれていました。

こちらから、必要な部分だけコピーして使わせてもらっています。ありがとうございます。

こちらは、以下の話とは違って、いろいろと他にもコードがあるので必要な人は適宜コピーして設定してください。

設定で、「詳細設定」タブの「headに要素を追加」に以下を追加します。

<style>

.header-blog-icon{display:none;}/*sp header内に表示されるアイコンを非表示*/

</style>

f:id:kobabiz:20140516205316j:plain

こんな感じですね。

これで、ヘッダー内のアイコンが非表示になるのではないかと。

CSSの設定によっては、非表示にならない場合もあるかもしれませんが。

非表示にしたい方は、やってみてください。

こちらの記事もどうぞ