サイトのモバイル設定によっては、チャットボタンが大きすぎたり、モバイル表示のスペースを取りすぎたりすることがあります。

CSSをカスタマイズすることで、モバイル／タブレット端末でサイトを表示した際にボタンのサイズを縮小するように設定できます。

まず、ライブチャットを右クリックして「要素を検証」（Chromeの場合。他のブラウザでは基本的にチャットのソースコードを確認してください）をクリックします。

div ID（例：b_12345678）が表示されるので、それ以外の部分は含めず、このIDのみをコピーします。

次に、以下のコードをウェブサイトのCSSスタイルに追加します。

@media (max-width: 750px) { div[id*=‘b_6be2d1fb’] { -moz-transform:scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); } }

スケールの値は必要に応じて調整できます（数値が小さいほどボタンも小さくなります）。また、2行目のチャットボタンIDコードを忘れずに差し替えてください。