新しい /about バナーがモバイルで切れている

UX
1

おはようございます！

モバイル（iPhone 13 Pro、Google Chromeですが、これは関係ないはずです）の /about ページで気づいたのですが、

image
image421×911 52.7 KB

これは意図したデザインで修正不可能かもしれませんが、一応報告しておきます :slight_smile:

「いいね！」 3
2

Android A14、Chromeで再現可能です。
原因は、画像であり、折り返しができないためだと考えられます。意図されたものではない可能性が高いです。

「いいね！」 3
5

新しい「アバウト」バナーATMは、デスクトップ向けにさらに設定されています。

これをカスタムTCのモバイルCSSに追加してください。

.about__banner {
  width: calc(120%);
  max-width: 392px;
  margin-left: -0.50em;
  padding-bottom: 0.5em;
}

画像には、「Xtropolis.one」という名前のサービスのプロモーション広告があり、仮想現実技術に関連しているようです。広告には、鮮やかなネオンライトと未来的な要素が数多く表示されており、最先端のテクノロジーテーマを示唆しています。（AIによるキャプション）
画像には、「Xtropolis.one」という名前のサービスのプロモーション広告があり、仮想現実技術に関連しているようです。広告には、鮮やかなネオンライトと未来的な要素が数多く表示されており、最先端のテクノロジーテーマを示唆しています。（AIによるキャプション）864×1614 84.1 KB

新しい「アバウト」ページのトピックはこちら

「いいね！」 2
6

これで問題が解決するはずです。

モバイル用に異なる画像サイズをアップロードするサポートを追加するかもしれませんが、現時点では上記のPRでモバイルでの状況が大幅に改善されるはずです。

「いいね！」 3
7

うーん…ほぼ直りましたが、完全ではありません。

This image appears to be a screenshot from a mobile device displaying a website with a black background and white text. (Captioned by AI)
This image appears to be a screenshot from a mobile device displaying a website with a black background and white text. (Captioned by AI)1080×2408 189 KB

8

私の携帯電話（iPhone 15 Pro）では問題なく表示されているようです。

画像には、Discourseコミュニティのオンラインホームに関するメッセージが表示されているDiscourse Metaアプリケーションが開かれたコンピューター画面が映っています。(AIによるキャプション)
画像には、Discourseコミュニティのオンラインホームに関するメッセージが表示されているDiscourse Metaアプリケーションが開かれたコンピューター画面が映っています。(AIによるキャプション)1179×2556 221 KB

お使いのデバイスとブラウザは何ですか？

9

iPhone 13 Pro/Chromeで問題なく表示されています。

image
image1170×2532 297 KB

10

Android A14、Chrome。

「いいね！」 1
11

@NateDhaliwal、お客様が見ていた問題は現在修正されているはずです。

「いいね！」 3
12

いいですね！モバイルの場合、画像内のテキストは中央揃えにすべきでしょうか？

「いいね！」 1