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

VWSとは フォーラム Lightning [ 解決済 ] 固定ページヘッダー画像がスマホ(iOS)で表示されない

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

  • このトピックには3件の返信、3人の参加者があり、最後にyoshiyamaにより1ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #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はフォーラムライセンスが有効のユーザーにのみ表示されます

    #64203

    うなこ
    モデレーター

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

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

    • この返信は4ヶ月前にうなこが編集しました。
    • この返信は4ヶ月前にうなこが編集しました。
    Attachments:
    You must be logged in to view attached files.
    #64213

    絵美子赤木
    参加者

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

    #66799

    yoshiyama
    参加者

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

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。