ヘッダーサブメニューに線が表示されます

ヘッダーのサブメニューをインストールすると、モバイル画面に不要な線が表示されてしまいます。これを削除したいです。

再インストールを試みましたが、改善しませんでした。

「政治的正しさの問題」というトピックでその線が見えますか?画面を切り替えても消えません。問題はモバイル端末でのみ発生します。https://www.theel.armchairjournal.com

この線を消すにはどうすればよいでしょうか?

まず、Discourse META へようこそ :smile:

次に、リンクを修正してください: https://www.theel.armchairjournal.com << これは誤りです

正しくは:
https://theel.armchairjournal.com/

https://theel.armchairjournal.com/

この行が見えません。修正されましたか?

問題が見つかりました。Android 固有のもののようです。調査いたします。

いいえ。問題はデスクトップではなく、私の Android モバイル端末で発生しています。

ありがとうございます。コメントをお待ちしています。

ああ、なるほど。私には iPhone しかないので、あなたの環境で早く修正されることを願っています :+1:

少し時間をかけて調査しましたが、なぜこの問題が起きているのかは 100% 確信が持てません。これはおそらくモバイル版 Chrome のレンダリングバグかもしれません(デスクトップ版 Chrome で Discourse がモバイル表示になっているときは発生しないため)。問題は横方向のオーバーフローですが、正しく機能するためにはコンポーネントがオーバーフローして表示される必要があります。

具体的なケースでは、メニューの内容を少し幅を狭くすれば解決します。例えば、「Read Journal」ではなく「Journal」を使用するなどすると、問題が解消されます。

ご検討いただきありがとうございます。「Journal」という言葉を削除し、新しいコンポーネントが追加されたため、コンポーネントも更新しました。その結果、モバイル版のメニュー全体が非表示になってしまいました。現在、メニューが表示されません。

.d-header にテーマで position: absolute; が設定されているようです。これを削除すれば、再度表示されるはずです。

それがメインテーマの CSS である場合、何か問題が発生するでしょうか?

今見てみると、おそらくテーマに何らかの問題を引き起こすかもしれません。カスタマイズのためにテンプレートをオーバーライドしましたか?Discourse の最新バージョンをお使いのようですが、ヘッダーに新しい変更の一部が欠けているようです。

みなさん、こんにちは

私も全く同じ問題に直面しています!回避策は見つかりましたか?@awesomerobot @Srinath_Rao1

スクリーンショットを以下に添付します。