前略、ワードプレス初心者 さん

もしかしたらですが、テーマの不具合かもしれません。

サイドバーを左にするユーザーが少ないので、判らなかったのかもしれないです。

いずれにしても、わいひらさんが診てくださると思うので、少々お待ちください。

@leafytree

ご返答ありがとうございます。一度サイドバーを右にしてみたところ横揺れはなくなりました・・・。

サイドバーを下にスクロールするとヘッダーが乱れてしまうのも気になるのですが、こちらは横揺れとはまた違うものでしょうか。

@ワードプレス初心者 さん

投稿者:: @ワードプレス初心者

サイドバーを下にスクロールするとヘッダーが乱れてしまうのも気になるのですが、こちらは横揺れとはまた違うものでしょうか。

これが、どのような状態なのか、ちょっとわかりかねますが、以下の動画のようにスクロールで一時的に隠れたりするのは、通常の動作かと思われます。（固定することもできるみたいですが・・）

サイドバーを左にするのがご希望でしたら、左のままにして、お待ちいただく方が良いかと思います。

モバイル時にサイドバーをスクロール。

@leafytree

申し訳ございません、説明が不十分でした。こちらのgifのように上に貫通してしまうような表示でございます。

こちらは左右どちらにサイドバーを配置した場合でも発生しています。

@ワードプレス初心者 さん

たぶんですが、それは、仕様です。

Cocoon設定の「モバイル」タブの設定に「モバイルボタンの固定表示」という設定があります。

こちらで固定すると、モバイルヘッダーボタンの方が上のレイヤーになるようです。

ただ、モバイルヘッダーボタンを固定表示にしてしまうと、スクロール時に隠れなくなってしまいますね。

テストサイトでサイドバーを左にしてみたら、やはり、スライドインのサイドバーが揺れてしまいます。

僕の環境では再現できないようです。
使用端末とブラウザーは何でしょうか。

@yhira さん

Firefoxのモバイルシュミレーションだと、ちょっとだけしか揺れないです。

画面下にスクロールバーが出ているかと思います。

ローカルのLive Linkを使って、iphoneにURLを送ってテストしたら、思いっきり揺れちゃいました。（safariです。）

@yhira さん

<div id="slide-in-sidebar" class="sidebar nwa cf" role="complementary">

というスライドインサイドバーの内側のコンテナに「class="sidebar"」があるので、

1379px以下のメディアクエリの指定で、以下のインラインのCSSが有効になってしまい、0.5％のマージンが付与されてしまうようです。。

.main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar {
    margin: 0 .5%;
}

@leafytree

教えていただきありがとうございます！

固定にしてみたのですが、やはり下に早くスクロールすると表示が崩れてしまいますね・・・・。

@yhira

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

端末はiPhoneX、ブラウザはSafariになります。

敬称を付け忘れてしまい誠に申し訳ございません・・・。

確かに。

Chromeエミュレーターだと明確に横揺れしました。
その横揺れに関しては、以下で修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

あら、リフィトリーさんに返信を書いている間に書き込みが ? 

@ワードプレス初心者 さん

投稿者:: @ワードプレス初心者

固定にしてみたのですが、やはり下に早くスクロールすると表示が崩れてしまいますね・・・・。

本来の使い方としては、スライドインサイドバーの下のレイヤーのコンテンツをスクロールするためのものではなく、スライドインサイドバーそのものをスクロールする機能だろうと思います。

ですので、先ずは、サイドバーのコンテンツをスクロールするぐらいまで、増やしてみてください。

スライドインサイドバーが縦スクロールするようにサイドバーのコンテンツを増やしても、おかしい表示になるようなら、不具合なのかもしれませんね。

@yhira さん

私の方は、新しいファイルをテスト環境にインストールして試してみたら、横揺れしなくなりました。

でも、ワードプレス初心者 さんのサイトは、重大なエラーに・・

アップデートに失敗しちゃったのでしょうか？

@ワードプレス初心者 さん

もし、わからないことがあったら、質問してください。

@leafytree

申し訳ございません。わいひらさんが載せられていたzipファイル内容を全てFTPソフトでアップロードしたら重大なエラーが発生してしまいました・・・。今は一度他のテーマに書き換えてなんとか表示できている状態です。

無知で申し訳ございませんが、修正していただいた部分だけをアップロードすべきでしたよね・・・

@ワードプレス初心者 さん

Zipファイルを解凍すると、フォルダが2重構造になるかと思います。

なので、内側の「cocoon-master」フォルダで上書きする感じです。

全部上書きしてもｘサーバーなら、たぶん、大丈夫です。

念のため、不具合の出たテーマファイルは削除してからの方が良いかもしれません。

@leafytree

はい、解凍後のcocoon-masterで上書きしたのですが、先程の状態になってしまいました。

2000～3000もの上書きが発生したのでこれは間違ってしまったかと思ってはいたんですが・・・。

@ワードプレス初心者

同じ名前のフォルダが２重になっているかと思います。

@ワードプレス初心者 さん

新しいファイルのCocoonのバージョンは、

Version: 2.2.1.2

です。

@ワードプレス初心者 さん

Cocoonの親テーマのファイル数は、2,770

フォルダ数は、221のようです。

@leafytree

大変なご迷惑をおかけしました。再度アップロードをしましたところおそらく成功したようです・・・。横揺れもなおりました。

未だにバックアップのとり方もよくわかっていないので冷や汗ものでした・・・。

@ワードプレス初心者 さん

無事アップデートできたようで良かったです。

Wordpressは初心者でも、Webサイトの扱いには、慣れていらっしゃるようでしたので、たぶん、大丈夫だろうとは思っていいました。

@leafytreeさん

本当にお世話になりました。FTPは毎回緊張して作業をしております・・・。

こんな初心者に親切に教えていただきありがとうございます！

@yhiraさん

横揺れ修正ありがとうございます！

迅速な対応本当に助かりました。