Edge、Firefox、Brave、Chromeを試しましたが、どれも正しいモバイル表示になっていません。モバイルのドロップダウンメニューを変更しようとしていますが、デスクトップビューのメニューが表示されています。
私のiPhoneのSafariやChromeでは正しく表示されます。
従来の方法は、URLの末尾に?mobile_view=1を追加することでした。Discourseはビューポートサイズに基づいたレスポンシブデザインに移行しているため、テーマによってはこの上書きが機能しなくなる可能性があります。
「いいね！」 1
サイト設定のnavigation menu（ナビゲーションメニュー）について言及されていますか？
「いいね！」 1
残念ながら、それは数日前に削除されたと思います。
「いいね！」 3
はい、?mobile_view=1 はレガシーであり、非推奨と見なされています。新しいモバイルスタイリングは昨年有効化されました。
ご自身のフォーラムでカスタマイズをどのように行っているかはわかりませんが、どのインスタンスやデバイスでもこの問題を再現できません。セーフモードではどうなりますか？
「いいね！」 4
Chromeでモバイル表示にすることはできましたが、Firefox、Edge、Braveブラウザではまだモバイル表示にできません。
ビューポートのブレークポイントをすべてのモバイルコードに設定する必要がありますか？モバイルセクションに配置する必要がありますか？モバイルCSSのほとんどは、色の変更、ヘッダーアイコン、サイドバーの幅、絵文字/フォントサイズのみです。そのため、特定のビューポート設定は必要ないようです。
必要なコードを修正できました。
/* ==========================================================================\n モバイルドロップダウンメニュー - アクティブ状態\n ========================================================================== */
/* 1. アクティブなリンクテキストを黒に強制する */
.d-modal__body .dropdown-menu li.active a,
.d-modal__body .dropdown-menu li.active {
color: #000000 !important;
}
/* 2. タッチ固有のフィードバック (Discourse標準) */
html.discourse-touch {
/* 指が押されている間、テキストを黒にする */
.d-modal__body .dropdown-menu li a:active {
color: #000000 !important;
}
}
/* 3. 他のナビゲーション項目がルールに従うことを確認する */
.dropdown-menu li a {
transition: color 0.1s ease;
}