モバイルだとロゴが表示されません - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/ Cocoon ディスカッション掲示板 ja Mon, 15 Jun 2026 07:46:14 +0000 wpForo 60 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72197 Wed, 12 Jul 2023 10:35:35 +0000 言い忘れてました。機能に問題なければ先日のヘッダーサイズのカスタマイズは削除しておいて良いかと思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72197 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72196 Wed, 12 Jul 2023 10:34:32 +0000 ご確認いただきありがとうございます。
こちらこそ書き込んでくださったおかげで、機能の不備を見つけることができ、需要がありそうな機能も追加できました。ありがとうございます。

あと標示→表示の誤字があったので修正しておきました。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72196 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72194 Wed, 12 Jul 2023 10:27:02 +0000 上記の返信欄に

「モバイルだとPC版のようにヘッダー画像にロゴをのせることはできますか？」

と質問してしまっているのですが、chu-yaさまとわいひらさまのご教授により、添付画像のようにモバイルで表示されて、ＰＣ版と違っていた方がむしろ見やすいなと感じたので、追加質問は取り下げることにしまして、解決済みを押させて頂こうと思います。

chu-yaさま、わいひらさま、本当にありがとうございました！！

 

 

 

]]> Cocoonテーマに関する質問 morinoki5 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72194 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72193 Wed, 12 Jul 2023 10:18:55 +0000 @yhira さま

テーマのアップデートファイルまで作成ありがとうございます！

自分が初心者すぎて使いこなせていないのに、説明文などをさらに分かりやすくしてくださって本当にありがとうございました。

早速アップデートさせました。

先日のヘッダー画像のサイズについても機能追加までして頂き、お手数をおかけしました…！

モバイルでのロゴ表示、設定できました。

フォーラムの方々のご対応に感謝です！

]]> Cocoonテーマに関する質問 morinoki5 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72193 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72189 Wed, 12 Jul 2023 09:57:08 +0000 あと先日のこちらのトピックに関することなんですけど

ヘッダーと本文の間に謎の空間があります。
https://wp-cocoon.com/community/postid/72125/

「ヘッダー背景画像」が設定されている時、ヘッダーのサイズを背景画像のアスペクト比率にできる「背景画像の全てを表示」機能も追加しておきました。
https://wp-cocoon.com/community/postid/72188/

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72189 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72187 Wed, 12 Jul 2023 09:49:03 +0000 設定が「フッターモバイルボタン」となっている時、サイトのセンターロゴが表示されないのはおかしいので修正しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2020/07/github-dl.png
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
それに伴い設定のオプション名や説明文を変更しておきました。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72187 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72186 Wed, 12 Jul 2023 09:44:32 +0000 →→「ヘッダーモバイルボタン」が無効になっていませんでしょうか。
この機能はデフォルトで有効なのでもしかしたら設定を触っているうちに外されたのかもしれません。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72186 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72185 Wed, 12 Jul 2023 05:35:11 +0000 @chu-ya さま

再びの救いの手、ありがとうございます！

言われた箇所を確かめたらフッターのみになってました！

ヘッダー・フッターにしたら添付画像のようにできました。

ありがとうございます！！

 

ちなみに、モバイルだとPCのようにヘッダー画像にのせるような形でのロゴ表示は難しいものなのでしょうか？

スマホだとこの方が見やすい気もするのですが、PCと同じようにもできるのかなと思いまして。

]]> Cocoonテーマに関する質問 morinoki5 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72185 RE: モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72184 Wed, 12 Jul 2023 05:16:54 +0000 ●原因

→→ヘッダーモバイルボタン or ヘッダー・フッターモバイルボタン
ヘッダーモバイルボタンが無いと表示されません。

設定が「フッターモバイルボタン」となってませんか？

●ご参考

https://wp-cocoon.com/mobile-header-buttons/

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72184 モバイルだとロゴが表示されません https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72183 Wed, 12 Jul 2023 04:56:15 +0000 先日に引き続きヘッダー部分のご相談です。

素人すぎて申し訳ありません。

こちらのフォーラムで解決策をいただきヘッダーはPC・モバイル共にうまく表示できるようになりました。

ただ、ロゴ画像を設定したところ、モバイルだとロゴが表示されません。

Cocoon設定の「モバイルでロゴを表示する」はチェックしてあります。

また、高速化のところもすべてチェックを外してあります。

テーマは使用しておらず、カスタマイズ画面の追加CSSの所には以下が記載してあります。

この中でどれかが理由でモバイルではロゴが非表示になっているのでしょうか？

サイトのアドレスは

http://manekuru.net/2023/07/01/%e3%83%86%e3%82%b9%e3%83%88/?preview=true

です。

添付画像は私のスマホから見た↑のページです。ちなみにiPhoneです。

どうぞよろしくお願いいたします。

 

 

.header {
  aspect-ratio: 1900 / 350;
}
.header-in {
  height: max(184px, 100%);
}
.logo {
text-align: left;
}
.logo-header {
padding: 160px 0 10px 0;
}
.sidebar{
background:transparent;
font-size: 14px;
}
.sidebar h3 {
  border-bottom:2px dotted #8BC34A;/*下線の太さ、種類、色*/
  background:transparent;/*背景を透明に*/
  padding:10px 0 5px 3px;
}
h4 {
  position: relative;
  padding-left: 25px;
}
h4:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
h4:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
h5 {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}
 
h5:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
]]> Cocoonテーマに関する質問 morinoki5 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%a0%e3%81%a8%e3%83%ad%e3%82%b4%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/#post-72183