[ 解決済 ] 固定ページヘッダー画像がスマホ（iOS）で表示されない

[絵美子赤木]

■ WordPress のバージョン
5.9.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
14.19.2

■ Pro Unit のバージョン
0.18.1

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
モバイル（iOS）にページヘッダー画像表示させたい。

■ 自分で試した事
固定ページごとにヘッダー画像（モバイル）を登録・削除
Lightningページヘッダー設定(固定ページ）でモバイルヘッダー画像登録・削除
Lightningページヘッダー設定(固定ページ）で背景画像の位置を変更
画像サイズを数サイズ用意し、上記を再度確認

■ 症状が発生するブラウザ
safari(iOS)、 firefox(iOS)

■ 実際の症状
ページヘッダー設定でPCとモバイルそれぞれにヘッダー背景画像を設定しています。
PCおよびAndroidスマホではヘッダー画像が表示されますが、iPhoneで表示されません。
ブラウザはSafariでもFirefoxでも試してみましたが、表示されませんでした。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

サイトを確認しました。
背景画像を固定にされているのが原因で、iOSでは背景画像が拡大されて見えている状態だと思います。
（これはiOSのバグで、background-size: cover;　background-attachment: fixed;を一緒に使用すると、起こります。）

解決策は、
ページヘッダー設定の「背景画像の位置」を標準を選択すると、拡大されずに表示されると思います。

• この返信は2年、 7ヶ月前にうなこが編集しました。
• この返信は2年、 7ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[絵美子赤木]

ありがとうございます。
ページヘッダー設定の「背景画像の位置」を標準を選択で解決いたしました。
とても助かりました。

[yoshiyama]

ご指摘の通り、ページヘッダー設定の「背景画像の位置」を標準を選択で解決いたしました。
ありがとうございました。

[投稿者]

投稿