フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
スマホ個別記事表示時のズレ < SWELLに関する質問
通知
すべてクリア
Topic starter
いつもお世話になってます🙇♂️SWELLを使ったサイトの個別記事をスマホで表示した際に、ヘッダー部分が少しズレるように動くのと、隠れているハンバーガーメニューの中身が一瞬出て戻るような挙動をしてしまいます。
他のSWELLを使った複数のサイトではこのようなことは起きず、なぜかこのサイトだけ発生するようでした😭
- プラグインの停止
- スマホメニュー内のウィジェット削除
- 追加CSSの削除
- 最上部のアドセンス広告の削除
- カスタマイザーでヘッダー部分の設定変更
などを行いましたが解決せず…トップページや固定ページではこのようなことは起きませんでした。
自分のスマホの不具合かもしれませんが、何か原因などあればお教えいただけますでしょうか？🙇♂️よろしくお願いします。
投稿済 : 14/05/2020 8:56 pm
Topic starter
連投すみません、どうやらインスタ投稿の埋め込みがある記事でのみ発生しているようでした。
埋め込みコードが何か悪い影響を及ぼしているのでしょうか…？
投稿済 : 14/05/2020 9:01 pm
ご報告ありがとうございます！
インスタでも発生していましたか...;;
Twitterの埋め込みでも発生していたので2.1.0で修正いれたんですが、次回のアップデートで追加修正させていただきます...🙇♂️
bodyにoverflow-x: hiddenはいれてるんですが、それでも横に一瞬だけはみ出してしまうようなんですよね...。
埋め込み要素を囲む親のdivタグに overflow:hidden を当てても意味がなくて、
全体のラッパーに overflow:hidden すれば大丈夫っぽいんですが、それをすると position:sticky が効かなくなってしまうのでいい感じの解決策が見出せていない状態です...。
（Twitterの方は力技でなんとか防ぐことができました）
もしなにかいい解決策を思いつく方がいれば教えていただけるとありがたいです...！
投稿済 : 15/05/2020 2:30 am
Topic starter
そうなんですね〜…ありがとうございます！
ちなみにヘッダー固定を解除して全体のラッパーに overflow:hidden を入れたら解決したりしますか…？
投稿済 : 15/05/2020 3:54 am
Topic starter
あ、すみません間違ってました…ひとまずアップデートでの修正あるいは他の方の助言お待ちしております🙇♂️いつもありがとうございます。
投稿済 : 15/05/2020 5:34 am
こちら、2.1.1で修正しました！
投稿済 : 24/05/2020 3:13 pm