-
投稿者投稿
-
2020年8月13日 10:19 PM #55438
WordPressアップデート対応ありがとうございます。
本日Snow Monkeyをアップデート(11.0.2)したところ、iPhoneのSafariやChromeほか、主要ブラウザアプリのすべてで画面内に要素が収まっているにもかかわらず、左右に揺れる(振れる?)現象が発生しています。
*横のスクロールバーは表示されません。アップデート前のサイトをAll-in-One WP Migrationでバックアップしていたため、別の場所にコピーサイトをつくってみました。(アップデート前なので、こちらには掲題の症状は出ていません)
確認するため、コピーサイトのWordPressとSnow Monkeyのみアップデートしたところ、同じ現象(iOSで横揺れ)が発生したため、カスタマイズやプラグインなどの影響ではないと思い、こちらに投稿しました。
ちなみにPortraitだけでLandscape(横向き)ではこの現象は起こりません。
CSSで応急処置ができるようであればご教示ください。
ご多用中のことと思いますが、どうぞよろしくお願いいたします。===
【お使いの Snow Monkey のバージョン】11.0.2
【お使いのブラウザ】 iOS Chrome、Safari♥ 0いいねをした人: 居ません2020年8月14日 7:07 PM #55473どうも使っているブロックによって横スクロールがでてしまうことがある気がします。良かったら URL 教えてください!
♥ 0いいねをした人: 居ません2020年8月14日 9:12 PM #55476キタジマさん
リプありがとうございます。
WordPressもSnow Monkeyも最新になっていますが、ご指摘のとおり、ブロックや作り方に問題がありそうですね。
独自に追加したmy-snow-monkeyで読み込んでるCSSを外しても症状は改善されずでした。よろしくお願いします。
♥ 0いいねをした人: 居ません2020年8月15日 9:10 AM #55507ありがとうございます。下記の CSS をパッチ的に追加してもらうとどうでしょうか?
.l-header { overflow: hidden; }
♥ 1いいねをした人: 居ません2020年8月15日 2:27 PM #55535キタジマさん
解消されました。ありがとうございます。
通常の環境だと出ない現象のようなので、原因探ってみます。♥ 0いいねをした人: 居ません2020年8月15日 5:13 PM #55538.c-row--margin
が含まれるヘッダーレイアウトだと発生してしまう気がします(ネガティブマージンがあるため)。Snow Monkey 公式サイトは「中央」ヘッダーレイアウトで、これは.c-row--margin
を持っていないため横スクロールがでなかったみたいです。次のアップデートで、先に書いた CSS を入れるようにしたいと思います。♥ 0いいねをした人: 居ません2020年8月17日 1:33 PM #55605v11.0.3 で CSS を追加しました。先に追加した CSS を削除して確認してみてください!
♥ 0いいねをした人: 居ません2020年8月17日 2:20 PM #55615キタジマさん
v11.0.3 で CSS を追加しました。
CSSの追記なくても解消されました。ありがとうございました!
ということでクローズします。♥ 1いいねをした人: 居ません -
投稿者投稿
- トピック「WP5.5 & Snow Monkey 11.0.2でスマホ時の横揺れ」には新しい返信をつけることはできません。