Safari を介したサイトは問題ありません。
一方、DiscourseHub を介した同じサイトは画面の上部で衝突します。
ライトテーマとフォーカスサイドバーテーマの両方をテストしました。
このように重なっていると、サイトのトップバーの何かをアクティブにするのはかなり難しいです。
iPhone 14 Pro Max、iOS 16.0.1 (現在のリテールリリース)。
Safari を介したサイトは問題ありません。
一方、DiscourseHub を介した同じサイトは画面の上部で衝突します。
ライトテーマとフォーカスサイドバーテーマの両方をテストしました。
このように重なっていると、サイトのトップバーの何かをアクティブにするのはかなり難しいです。
iPhone 14 Pro Max、iOS 16.0.1 (現在のリテールリリース)。
Titlebar is not displaying properly - #13 by spdegabrielle にコメントしましたが、あなたの投稿を見て、これらに関連があるかもしれないと思いました。
私もそれに参加していましたが、それはより焦点を絞ったサイドバーのテーマに関連しています。これはハードウェア固有のものです。その結果、上記の私のスクリーンショットの1つは両方を示しています。
@Stephen様、ありがとうございます。この問題の修正を開発中で、リリースされ次第こちらで更新します。
はっきりとは分かりませんが、https://community.wanikani.com/ で見ているものと同じでしょうか?違いは、デスクトップとモバイルブラウザの両方でこれを見ていることです(DiscourseHub は使用していません)。そのため、確信が持てませんでした。
これは、ロゴに height: 100% が使用されているためだと思われます。
.d-header {
#site-logo.logo-big {
height: 100%;
}
}
おそらく、これを防ぐために、コアの #site-logo に max-height: var(--header-offset) を追加するのが良いでしょう。![]()
簡単な修正です ![]()
デスクトップの theme_1 から

.d-header {
#site-logo.logo-big {
height: 100%;
}
}
モバイルの theme_1 から

.d-header {
#site-logo {
height: 100%;
max-height: 100%;
}
}
共通部分にこれを追加してください ![]()
.d-header {
#site-logo {
height: 100%;
max-height: var(--header-offset);
}
}
デスクトップにこれを追加 ![]()
.d-header {
#site-logo.logo-small {
height: 2.667em;
}
}
モバイルセクションに追加 ![]()
.d-header {
.title {
max-width: 100%;
#site-logo.logo-small {
max-height: 2.4em;
}
}
}
これらの変更後 ![]()
デスクトップ:
モバイル:

ご提案ありがとうございます。残念ながら、サイトの管理者ではないため、あまり何もできません。
Discourse Hub のアップデートが iOS App Store にリリースされ、すべてが再び良好になりました。
Discourse Hub 1.8.3 で iPhone 14 Pro の互換性がリリースされました!
フォーラムヘッダーと iOS インターフェースの間に、これ以上競合がないか教えてください。
(最新の iPhone だけではありません)
それは6日前のリリースですか、それとも別のリリースですか?