ヘッダーのサブメニューをインストールすると、モバイル画面に不要な線が表示されてしまいます。これを削除したいです。
再インストールを試みましたが、改善しませんでした。
「政治的正しさの問題」というトピックでその線が見えますか?画面を切り替えても消えません。問題はモバイル端末でのみ発生します。https://www.theel.armchairjournal.com
この線を消すにはどうすればよいでしょうか?
ヘッダーのサブメニューをインストールすると、モバイル画面に不要な線が表示されてしまいます。これを削除したいです。
再インストールを試みましたが、改善しませんでした。
「政治的正しさの問題」というトピックでその線が見えますか?画面を切り替えても消えません。問題はモバイル端末でのみ発生します。https://www.theel.armchairjournal.com
この線を消すにはどうすればよいでしょうか?
まず、Discourse META へようこそ ![]()
次に、リンクを修正してください: https://www.theel.armchairjournal.com << これは誤りです
正しくは:
https://theel.armchairjournal.com/
https://theel.armchairjournal.com/
この行が見えません。修正されましたか?
問題が見つかりました。Android 固有のもののようです。調査いたします。
いいえ。問題はデスクトップではなく、私の Android モバイル端末で発生しています。
ありがとうございます。コメントをお待ちしています。
ああ、なるほど。私には iPhone しかないので、あなたの環境で早く修正されることを願っています ![]()
少し時間をかけて調査しましたが、なぜこの問題が起きているのかは 100% 確信が持てません。これはおそらくモバイル版 Chrome のレンダリングバグかもしれません(デスクトップ版 Chrome で Discourse がモバイル表示になっているときは発生しないため)。問題は横方向のオーバーフローですが、正しく機能するためにはコンポーネントがオーバーフローして表示される必要があります。
具体的なケースでは、メニューの内容を少し幅を狭くすれば解決します。例えば、「Read Journal」ではなく「Journal」を使用するなどすると、問題が解消されます。
ご検討いただきありがとうございます。「Journal」という言葉を削除し、新しいコンポーネントが追加されたため、コンポーネントも更新しました。その結果、モバイル版のメニュー全体が非表示になってしまいました。現在、メニューが表示されません。
.d-header にテーマで position: absolute; が設定されているようです。これを削除すれば、再度表示されるはずです。
それがメインテーマの CSS である場合、何か問題が発生するでしょうか?
今見てみると、おそらくテーマに何らかの問題を引き起こすかもしれません。カスタマイズのためにテンプレートをオーバーライドしましたか?Discourse の最新バージョンをお使いのようですが、ヘッダーに新しい変更の一部が欠けているようです。