【クリエイターモード】ご利用案内の文章がスマホ表示ではみ出してしまいます。解決方法を教えてください。

初期値ではご利用案内のテキストは、<pre>と</pre>で囲まれて出力されています。

preタグで囲んだ内容は改行されずに表示されるため、
スマホでは画面の幅からはみ出す場合があります。

解決方法が2つあり、以下いずれかの方法でご対応ください。

• （a案）preを削除する

• （b案）改行するようにCSSで指定して調整する

- - - - - - - - - - - - - - - - - - - -

（a案）preタグを削除する

ショップデザイン / 機能・設定 / ショップ案内画面 / 利用案内設定
こちらのテキスト入力欄から
<pre>と</pre>タグを削除し保存してください。

- - - - - - - - - - - - - - - - - - - -

（b案）改行するようにCSSで指定して調整する

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 利用案内 「CSS」欄に
以下を追記し保存してください。

@media screen and (max-width: 768px){
  pre{
    white-space: pre-wrap;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
}

余白（padding: 10px;）の値はショップ様のお好みで変更してご調整ください。

- - - - - - - - - - - - - - - - - - - -