Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

Registered
Eminent Member
結合: 2023年6月20日 07:24
Last seen: 2023年6月28日 09:45
トピック: 2 / 返信: 15
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

すみません。 テスト環境が上手くいかない原因が分かりました。 Autoptimizeが入っていて、影響していたみたいです。 お騒がせして申し訳ありませんでした。 このスレッドは解決済みとさせてください。 ありがとうございました。

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

ちょっと調べてみました。 テスト環境と本番環境の違いは以下のCSSが効いているか否かだけの違いみたいです。 @media screen and (max-width: 1023px)body:where(.mblt-header-mobile-buttons, .mblt-header-an...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

本番環境でアドミンバーが付いていると、ロゴが隠れていますが、アドミンバーを非表示にするとロゴが表示され通知もそのまま残ります。 ノーマルな親テーマではアドミンバーを非表示にすると通知も非表示になります。 本番環境はたぶん私がCSSで何か設定しているのでしょうが、分かっていません。 一応現...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

アドミンバーが付くと添付のようになります。  blue02.png

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

chu-yaさん、大変親切なご説明ありがとうございます。 後でしっかり読ませていただきます。 実は、後でというのも、ノーマルなCocoonのテストテストサイトを確認したところ、新バージョンでなおっていないようなのです。 テストサイトは以下の情報のように、バージョンは2.6.1.7なので修...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

もう一つお願いします。 アドミンバーが話題にのぼりましたが。 私はこの点理解不足です。 アドミンバーがある場合は、その下にロゴや通知バーがでるということでしょうか? 現状ではモバイルヘッダーの後ろにロゴが隠れています。 ユーザーには問題無いですし、アドミンバーを非表示にして確認で...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

あ、1点質問があります。 テーマをアップデートしたところ、オススメカードに「説明」が表示されてしまいました。 .recommended .widget-entry-card-snippet {display: none;} で対応いたしましたが、Cocoon設定で「説明」を非表示にできる...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

わいひらさま お世話になります。 修正版を確認いたしました。 全て問題ありませんでした。 ありがとうございました。

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

chy-yaさま、ありがとうございます。 そうですね。 フッタにもあるからなんですね。 実は、私はヘッダーだけposition:stickyにできないか、やってみたら、全部消えてしまいました。 あと、もう一つ気になっているのが、モバイルヘッダーによって隠れている部分にキャッチ...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

おせわになります。 もともとメインで使っているのが、PCもスマホもChromeだったので、正常に表示していると思い込んでいました。 Chromeのみ最初からモバイルヘッダーの高さ分がマージンとしてあったのが、どうしても分かりません。 これが分からないと今回投稿させていただいた問題...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

いろいろ参考になります。 ありがとうございます。 一応以下のcssハックで問題無く表示されているような気がしているのですが、 @media screen and (max-width: 1023px){body:where(.mblt-header-mobile-buttons, .mb...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

すみません。 はやとちりでした。 Chromeのヘッド部分が空きすぎになりました。 position:sticky にしたかったのですが、そうするとヘッダが消えてしまいます。 ブラウザ毎に現象が変わるのは難しいですね。  chrome.png

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

ご返信ありがとうございました。 @media screen and (max-width: 1023px){body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {margin-top: 5...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

本番環境で隠れているのは通知のまちがいでした。 すみません。

1年前
フォーラム
返信
RE: 「このページの自動最適化」の 事前読み込みする LCP (コンテンツ用の大きな) 画像

大変失礼をいたしました。 Autoptimizeのものだったのですね。 お調べいただき、ありがとうございます。 疑問については解決いたしました。 貴重な時間をおとり頂き、重ね重ね申し訳ありません。 以後、気をつけます。

1年前

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

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