Horizon テーマで中サイズビューポート時にヘッダーが崩れる

私もこれを再現できます。問題は、折りたたみ式スマートフォンや小型タブレットのビューポートサイズ @media (min-width: 640px) and (max-width: 767px) で、ヘッダー内の contents クラスが flex を表示している点のようです:

この幅の範囲でプロパティを contents に変更することで修正できます:

@media (min-width: 640px) and (max-width: 767.98px) {
  .d-header>wrap .contents {
    display: contents!important;
  }
}

Discourse はタブレットとデスクトップの境界に 768px を使用していると思います。

「いいね!」 1