サイドバーが消えますではなく、サイドバー分の余白が開きます

他のページでも問題ないページもありましたので、このページなら上記現象が発生いたします。お手数ですがよろしくお願いいたします。

サイドバーとは、スライドインメニューのサイドバーのことでしょうか？

テキストだけでは認識の齟齬が出る恐れがあるので、できればキャプチャ画像を添付画像としてアップしていただけると助かります。

こんな感じです。レスポンシブが崩れるという表現のほうがいいでしょうか。

スマホは普通縦で見ると思いますが、横にしてみた後に縦で見ると画像の現象が起きます。Cocoonのこの記事でもなりますので、何かしらの不具合だと思います。

スマホの画像を取り込めないので、人のブログで起きた画像を添付しています。

Androidのエミュレーター端末で試してみたのですが、Androidブラウザではならないようです。

ただ、Chromeブラウザでは同様の症状になるようです。
これはなんなんだろう…。

ちなみに、raopiさんが閲覧している端末とブラウザーは何でしょうか？

Chromeでスマホを横にして縦にした場合。というより、

幅広なヨコから縦に（PCビュー幅広から、横幅を狭く）した状態で、広告が読み込まれ、サイト内検索が出てしまったのであれば、サイト内検索のwidth:90%;が効いてこうなる可能性はあると思います。

その画面の下へスクロールしたら、ヨコ画面の大きさで読み込まれた広告が表示されてませんか？？

ヨコ状態で読み込まれた幅広な広告がどこかで表示されてるのであれば、再読み込みされてないだけ。のような気もしますが。※私のChromeでは今、同じ状況にならなかったので未確認です。

わいひらさんの状況なら、どうなんだろ？って感じで思ったまでです。

***

違う症状っぽいですが、

ChromePCでサイト内検索をクリックしてないのに、出てる状況はあります。

➡『タブレット』サイズで公開ページを開きっぱなしで放置
➡ずっとあと、画面を開くと、サイト内検索出ている状態（サイドバー・メニューもだけど）➡3回クリックして3つをしまう感じ。

原因は、Google Adsense のサイズがリサイズされないことのように思えます。

ただ、何度か試したのですが、正常に表示される時もあります。常に広告がサイト幅より大きくなるとは限らないみたいです。表示される広告によるのかもしれません。

もしかすると、下記のどちらかの CSS で、サイトレイアウトが崩れるのは防げるかも。私のテスト環境の Cocoon には Google Adsense を設置できないので、試してはいません。

その 1

.container {
  overflow: hidden;
}

その 2

.content {
  overflow: hidden;
}

僕も広告かと思ったのですが、僕の環境だとなぜか広告はメインカラム内にリサイズして表示されるので疑惑は半々くらいに思っていました。

でも、Akiraさんの画像を見る限り、明らかに広告が原因っぽいですね。
修正案①の方を当サイトにも適応させてみました。
僕の環境では、問題なく表示されるようになりました。
この方法は思いつかなかったです。ありがとうございます！

修正したものはこちら。

https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

ありがとうございました。

Chromeブラウザで見ていました。アンドロイドです。

ただその1だとテキスト広告が半分消えます

その2のほうが、私の環境ではうまくいっています。

https://golfa.biz/

あと親テーマを削除して他のテーマに変えてCocoonに戻した時

ウィジェットたちが、あちこち場所移動してしまうので、親テーマ削除用の代替えテーマ（ウィジェットが動かない）があれば助かります。

まあこれはめったに無いので贅沢なお願いかもしれませんので、時間があるときにお願いいたします。

この広告の種類はなんですかね？？

再現できたのは私のページです。

投稿ページしたの関連記事・ページャーの間、・モバイル用アドセンス（アドセンス関連記事の広告です）

スクショ

該当ウィジェットの内容：広告から見ても入れてるのは

• アドセンスの関連記事広告ウィジェット

リンク先。見出し：関連記事

https://bibabosi-rizumu.com/siteguard-captcha-none/#related-entries

display: none　以外ですが非表示はあり系ですかね？あとリンクユニットとか、非表示OKですかね？分かりませんけど、念のための書き込み。

• 他のレスポンシブ広告はリロードしなくても　はみ出さないみたいです。たぶん。

ウィジェットの状態：スクショ

 raopiさん。

別件の質問について

あと親テーマを削除して他のテーマに変えてCocoonに戻した時

ウィジェットたちが、あちこち場所移動してしまうので、親テーマ削除用の代替えテーマ（ウィジェットが動かない）があれば助かります。

WordPressのバージョンですが、かなり古いときはそうなってましたけど、今改善されたと思います。※今試したけど、そのようになりません。WPバージョンアップを試すのが良いかもです。

・・・

あとこのページトップにある冒頭案内通り、ご協力お願いします！

書き込みの前に以下の3点をご確認ください。

1. 1つのトピックにつき1つの質問を書き込んでください
2. 不具合・カスタマイズ対象ページのURLを提示してください
3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

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

あとガイドリンク先にある通り、そこで大半は対処できるかと思います。ダメでしたら新規トピ上げお願いします❦

了解しました！いつもありがとうございます！

その2のほうが、私の環境ではうまくいっています。

https://golfa.biz/

使っているのかはわかりませんが、ページキャッシュプラグインとかのせいかCSSの適用は確認できませんでした。

申し訳ありません。どっちにしろ不具合が出たので、CSS は 2 つともダメです。

スクロール追従が効かない

ただその1だとテキスト広告が半分消えます

広告がリサイズしないので、サイト幅に収まらない広告部分を非表示にしているためです。これについては、意図した動作です。

ダウンロードファイルの方も修正し、v1.5.7.2としてアップデートしておきました。

たぶんウィジェットやCocoon設定で指定した箇所（.ad-area）外でも同じ状態になる場合はあると思います。

スライドイン上あたり、Googleが表示する『あなたへのおすすめ』的な広告が出ると対応できない感じっぽいです。

再現しにくい状況の中、さらに再現しにくいですが。

**

あとやっぱ、広告を非表示にするのは微妙かも。それによって表示されるべき広告が非表示になる可能性があるし。

ただコンバージョンされる可能性があるその広告的に、どのような扱いになるかなどあちら側の詳細は不明ですが。

個人的に念には…ってことだけなので、上記どうりスルーでもOKです。

ありがとうございました！とりあえずテーマ更新をしてしばらく様子を見てみます。

宜しくお願いします❦

**

ちなみに。スマホのタテヨコ変更って、PCブラウザの右端を狭くするのに似てる、もしくは同じかもですね。※挙動がまったく同じっぽいので。