TROUBLE GUIDE

Wixのサイトがスマホで崩れる・見づらいときの直し方

WixはPC版とスマホ版のレイアウトを別々に調整できる作りです。裏を返すと、**PC版だけ編集してスマホ版を確認していないと崩れたまま公開される**ということ。スマホの崩れはWixで最も多い相談の一つです。

考えられる原因

モバイルエディタでの未調整
PC版の編集内容はスマホ版に自動反映されますが、配置までは最適化されません。要素の重なり・はみ出しはモバイルエディタでの個別調整が必要です。
後から追加した要素の位置ずれ
PC版に後から足したパーツが、スマホ版では意図しない場所に挿入されることがあります。「最近足した部分だけ崩れている」ならこれです。
文字サイズのスマホ未対応
PC基準の文字サイズのままだと、スマホでは大きすぎて改行だらけ・はみ出しになります。

モバイルエディタで開く
Wixエディタ上部のスマホアイコンからモバイルエディタに切り替え、崩れている箇所を実際に確認します。ここでの修正はPC版に影響しません。
「モバイルレイアウトを最適化」を試す
モバイルエディタのレイアウト最適化機能で、自動整列をやり直せます。大きく崩れている場合の起点として有効です（実行前に現状を確認してから）。
非表示機能を使う
スマホでは不要な装飾要素は、モバイル版でだけ非表示にできます。詰め込むより間引く方が読みやすくなります。

やってしまいがちですが、避けてください

モバイルエディタでの整列・文字サイズ・非表示の調整を、主要な画面幅での確認込みで代行します。Wixの編集画面はこちらで操作します。

表示の料金は作業1回分です。月額や継続のご契約はありません。納期はご依頼から24時間以内の対応を目指しています。営業のお電話は行っていません。

全ページお願いできますか？

固定料金の範囲は崩れている箇所の修正です。ページ数が多い場合は、優先ページから段階的に進める形もご提案します。

自分で直すとPC版が壊れそうで怖いです。

モバイルエディタでの変更はスマホ版だけに反映されるので、PC版は壊れません。その区別さえ覚えれば自分でも触れるようになります。作業と一緒に触り方もお伝えします。

原因がはっきりしない場合は、URLを入れるだけの無料診断で状態を確認できます（約1分・登録不要）。