ヘッダー上部のナビエリアを非表示にする

こんにちは。
アメブロ簡単カスタマイズの松田です。

自分の勉強も兼ねていろんな方のブログを拝見しにいっていますが、オリジナルのヘッダー画像を使われている方が非常に多いです。＾＾

ヘッダー画像はお店でいうと「看板」そのものですから、ブログをイメージさせる画像やブログタイトルの配置などこだわりを持たれている方もいらっしゃいます。

そのヘッダー画像の上にはナビエリアというこういうスペースがあります。



これ・・・はっきりいってスペースの無駄なんです。＾＾；
せっかくヘッダー画像をきれいなものにしてもこのスペースがあるせいでどうも間の抜けた感じになってしまうことがあります。

実際このナビエリアに取りつけてあるリンクはすべて他の場所にもあるリンクばかりです。
これを取り外してしまえばヘッダー画像が上部にピタッとくっつきますので、見た目もすっきりし、よりヘッダー画像を際立たせることができます。




取り外すとこんな感じになります。


ナビエリアを非表示するには以下のCSSを追記します。