アメブロのヘッダー下のナビゲーションバーを非表示にする

アメブロのヘッダー下の
ナビゲーションバーを非表示にする 方法を解説します。

上図のように、CSS編集用デザインの初期状態ではヘッダー下に標準のナビゲーションバーが表示されます。

簡単にヘッダー内の好みの位置に移動できるカスタマイズ方法をご紹介したいと思います。
 

 

1.ブログ管理

①【デザインの変更】をクリックしてください。

 

2.デザイン変更

②【CSSの編集】をクリックしてください。

 

3.画面スクロール

③ デザインCSS画面を一番下までスクロールしてください。

 
次に、CSSタグをコピー&ペーストします。

 

4.タグをコピーする

④ 以下のCSSタグをコピーしてください。

/* ナビゲーションバーを非表示 */
.skin-blogHeaderNav {
display: none;
}

 
 

5.タグをペーストする

⑤ CSSタグの一番最後にタグをペースト(貼り付け)してください。

 

6.保存

⑥【保存】をクリックしてください。

 

7.作業完了

お疲れ様です。タイトルと説明文の非表示が完了しました。