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

このトピックには3件の返信、3人の参加者があり、最後にyoshiyamaにより2年、 5ヶ月前に更新されました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)

投稿者

投稿
2022年4月15日 5:48 PM #64198

絵美子赤木
参加者

■ 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はフォーラムライセンスが有効のユーザーにのみ表示されます

2022年4月15日 8:03 PM #64203
うなこ
モデレーター
サイトを確認しました。
背景画像を固定にされているのが原因で、iOSでは背景画像が拡大されて見えている状態だと思います。
（これはiOSのバグで、background-size: cover;　background-attachment: fixed;を一緒に使用すると、起こります。）

解決策は、
ページヘッダー設定の「背景画像の位置」を標準を選択すると、拡大されずに表示されると思います。
- この返信は2年、 8ヶ月前にうなこが編集しました。
- この返信は2年、 8ヶ月前にうなこが編集しました。
Attachments:
You must be logged in to view attached files.
2022年4月16日 10:44 AM #64213

絵美子赤木
参加者

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

2022年7月12日 4:30 PM #66799

yoshiyama
参加者

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

投稿