Cocoonでスマホから見るとヘッダ画像が消える時の対処法

今回は、Cocoonでいつの間にかスマホから見るとヘッダ画像が消えるブログがあることに気づいて解決できたので解決方法を書いて行きたいと思います。

いつも通り、今回も不具合でもなんでもなく、僕の設定ミスだったのですが、Cocoonは多機能なので知らないと「こんな機能あったんだ!」ということが結構ありますので記事にさせてもらいました。

では、紹介していきます。

 

参考画像

今回の現象は以下のような感じです。最初自分のサイトをスマホで見ていてヘッダロゴが表示されていないのに気付いて(随分前から表示されていなかったと思う)PCでも確認してみたところひょうじされていました。が、

 

 

↓幅を狭くしていくと

 

ヘッダ画像がどこかへ行ってしまうようです。このようにパッと消えてしまいました。

他に使っているサイトでは問題は発生していませんでしたが、この現象が起きているサイトだけスマホだけでなくPCでも幅を縮小したら消えていました。

LiteSpeed Cacheを入れて色々とカスタマイズを試している途中だったのでモロにそっちを疑ってしまいました(;’∀’)

 

原因

色々と探した結果、対象サイトにはサイトヘッダーロゴを表示するにチェックが入っていませんでした。

ダッシュボードから入り、「Cocoon設定」→「モバイル」→「サイトヘッダーロゴ」を表示するにチェックを入れると無事、画面幅と一緒に縮小されていきました。

 

まとめ

今回は、スマホから見るとヘッダロゴが消える原因について記事にしました。
あまりにも簡単に解決でき過ぎて記事にするのも作成者の方に申し訳ないとも思ったのですが、これを書いてくれていた方がいなかったら色々とプラグインを停止したりCSSをいじったりしていたので大変助かりました( ;∀;)

コメント

タイトルとURLをコピーしました