デスクトップではウェルカムバナーが表示されるが、モバイルでは表示されない

サポート
1

こんにちは、

Discourse サイトのウェルカムバナーで問題が発生しています。

バナーはデスクトップでは正しく表示されますが、モバイルでは表示されません。

すでに確認済みの事項は以下の通りです：

  • 新規メンバー、ログイン済みメンバー、および匿名ユーザーのヘッダーとサブヘッダーのテキストを入力済み
  • ページの表示設定は「ホームページのみ」に設定済み
  • 表示位置は「サイトヘッダーの下」に設定済み
  • ハードリフレッシュを試み、シークレットモードでも確認済み

それでもバナーはデスクトップでのみ表示され、モバイルでは完全に表示されていません。

モバイルデバイスでウェルカムバナーを表示するために有効にする必要がある特定の設定はありますか？

サイト：https://dub.sh/yQ4J8NW

ご協力ありがとうございます！

2

記憶が正しければ、これは意図的な設計です。間違っていなければ、より広い画面のデバイス向けに考えられたはずです。どこかで読んだ覚えがあるのですが、今見つけられません…

（それに、なぜフォーラムのリンクを直接送らないのでしょうか？）

3

全体を検索してみましたが、適切な参照が見つかりませんでした。

そして、こちらが👉フォーラムへのリンクです

4

Nateの言う通り、これは設計上そうなっています。

ただし、CSSで制御されているだけなので、以下のように上書きすることで簡単に調整できます：

@media (width < 40rem) {
    .welcome-banner {
        /* display: none; */
    }
}

モバイル端末では display: block に設定します。