モバイル版のページを修正する方法
ページの表示が自動的にレスポンシブなデザイン(デバイスに合わせた画面が表示される)にならない場合、またはモバイルでの表示に問題がある場合は、systeme.io のモバイル用のページエディターを使用すると、PCバージョンの画面表示に影響を与えることなく、任意のページのモバイル表示を変更することができます。
これを行うには、まずページのエディター画面からモバイルアイコン(画像の1番)をクリックして、モバイル用のエディターに移動します。
モバイル用アイコン(画像の2番)が表示されている設定の変更は、モバイル表示でのみ行われ、PCバージョンには影響しません。
項目をモバイル版またはPC版でのみ表示させたい場合は、チェックボックス(画像の3番)をオンまたはオフにします。
画面表示にズレがある場合は、モバイル版でのマージンなどの余白が正しく設定されているか確認してください。
行の列を水平または垂直に表示するには、「モバイルデバイスで行の垂直方向のスタックを無効にする」と表示されたチェックボックスを有効または無効にします。
列を垂直に表示するには、ボックスのチェックを外す必要があります(画像の4番)。
カラムを水平に表示するには、ボックスにチェックを入れる必要があります。
また、「モバイルデバイスで行の列を逆にする」こともできます。