こんにちは、Mioです。
パソコンで見ると全く問題なく表示されているのに、スマホから見るとコメント欄からコメントがはみ出てほぼ解読不能になっているのを発見したのが少し前のこと。
何回かコメント欄でやり取りしているうちに、コメントの幅が狭くなり最終的にはみ出てしまった感じです。
最初は、CSSで色々調整しないといけないのかな…と思って先延ばしにしていたのですが、実はワンクリックで簡単に改善できました。
こんな簡単なら早くやっておけば良かったなーと思ったので、今回はその対処法についてご紹介します。
ディスカッションの設定を変える
設定→ディスカッションをクリックすると、他のコメント設定という項目があります。
そこに、「コメントを5階層までのスレッド（入れ子）形式にする」というところがあります。
デフォルトでそこにチェックが入っているはずなので、そのチェックを外して変更を保存をクリック。
たったこれだけでコメント欄からはみ出さなくなります。
通常はコメント欄からはみ出すことはまずないんですが、やり取りが長くなると入れ子にしているとどんどん幅が狭くなって見づらくなります。
その場合は、入れ子にしないようにすることで改善出来ます。