【Cocoon】ヘッダーからサイト名を非表示にする方法！

ヘッダーに画像を入れたのに、ブログタイトルが重なってしまい、邪魔だな

このように悩んだ人もたくさんいるのではないでしょうか？

このブログはCocoonを使っているのですが、なんとか削除できないかと調べたところ、解決しましたので、みなさんにもご紹介します。

初心者の方にも簡単にできますので、ぜひチェックしてみてください！

ヘッダーからサイト名を非表示にする方法

ヘッダーに画像を追加したとき、下記の画像のようにタイトルと重なった時の、解決方法を紹介していきます。

手順は以下の通りです。

それでは、1つずつ見ていきます。

下記CSSコードをコピーして、追加CSSの空欄に貼り付けてください。

.site-name-text {
display: none;
}

すると、ヘッダー画像に重なっていたサイトタイトルが非表示になります。

ヘッダー部分の、サイトタイトルが非表示になりましたね！

いかがでしたか？

初心者にとっては、CSSの追加は難しいと感じてしまいますが、今回は、簡単にできたのではないでしょうか？

これからも、初心者の方にも、簡単にカスタマイズできる方法を紹介していきますので、ぜひチェックしてみてください！