【Cocoon】モバイル(スマホ)版でタイトルロゴが表示されないときの対処法【2分で解決】

そんな悩みを解決します。

原因として考えられること2つ

2点について解説していきます。

テーマが最新でないか確認

何か問題が発生した時にまず確認することは「テーマが最新であるか」です。

管理画面の左に「更新①」のようなタブが出ていないか確認します。

もし出ているならクリックして更新しましょう。

「サイトヘッダーロゴを表示する」にチェックがあるか確認

そもそもモバイル(スマホ)版のヘッダーロゴを表示する設定になっているか確認します。

管理画面から「Cocoon設定」→「モバイル」→「モバイルボタン」→「サイトヘッダーロゴを表示する」にチェック！

モバイル(スマホ)版で表示されているか確認する

先ほどの2つの手順で実際に表示されるようになったか確認します。

2点を確認しても解決しなかった場合

この2つの手順を踏んでも解決しない場合はCSSを自分で触っている可能性が高いと言えます。

以下を確認しましょう。

CSSに異常がないか確認

以前ロゴに関するCSSをいじった可能性が高いため確認します。

「外観」→「テーマエディター」→「Cocoon Child」→「style.css」で次の表記に似たものがないか確認しましょう。

.logo-header{
   display: none;
 } 

2行目が「表示しない」を意味しています。似た箇所がある場合、下のようにコメントアウトしてみましょう。

/*
.logo-header{
   display: none;
 }
*/

これでロゴが出てくるはずです。

CSSにも異常がない場合

そんな方は

一度cocoonのフォーラムに問い合わせてみましょう。

モバイル版でロゴが表示されない：まとめ

何かあったらまず更新確認。その後に調べ始める癖を付けましょう♪

本ブログでは初心者ブログ応援のカテゴリーがあります。是非ご覧ください！

また、Cocoon専用のカスタマイズ講座もあります。こちらもご覧ください！