長いロゴのため、モバイルでデスクトップ表示から抜け出せない

サポート
1

これはバグと見なされる可能性がありますが、確信はありません。

モバイルデバイスでデスクトップビューに固執しているユーザーがいます（なぜデスクトップビューをクリックしたのかは不明ですが）、長いロゴによりハンバーガーメニューが画面外に押しやられています。ロゴはデスクトップビューでも適切に収まるため、Meta上ではこれを再現できません。

URLを変更してデスクトップビューから脱出させるよう伝えることもできますが、Discourseアプリ内ではそれができません。一時的にロゴを非表示にして戻せるようにすることはできますが、エッジケースではあるものの、長期的な真の解決策があれば幸いです。

すべてのテーマコンポーネントとプラグインを無効にしてみましたが、それでもこの現象を再現できてしまいます。

image
image1104×1574 287 KB

2

「Community」ドロップダウンメニューに、モバイルビューに戻るためのリンク Nature Photographers Network を追加できるかもしれません。

テーマコンポーネントを使用して、ハンバーガーメニューから「desktop view」オプションを削除することもできます。

Discourse アプリからフォーラムを一度削除し、再度追加することで、現在の問題が解決するかどうかは疑問ですが、試す価値はあるかもしれません。

3

はい、同意します。これはコア部分で修正が必要です。デスクトップレイアウトにおいて、小さい（768px 未満）ウィンドウサイズではロゴに最大幅を強制するのが、これに対する最善の解決策だと思います。

また、これを再現する最も簡単な方法は、ブラウザのレスポンシブデザインモードを使用し、かつモバイルユーザーエージェントを使用しないことです。これによりデスクトップサイトが読み込まれ、その後ウィンドウを小さいサイズにリサイズできます。（以下は Safari からの例です。）

image
image1580×2012 324 KB

4

Penar さん、ありがとうございます。このアイデアを参考に、768px 以下のデスクトップ表示でロゴをモバイル用のロゴに差し替えることにしました。同様の機能はコアに実装されるべきでしょう。ありがとうございました！

@media only screen and (max-width: 768px) {
  body {
    .d-header #site-logo {
       content:url("https://images.naturephotographers.network/original/2X/4/45d1b54bc00a5a737fae7dfe3d79b8d8dfd71729.png");
    }
  }
}