Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 27, 2025 at 3:55 pm #1486044
    Blatze

    Hallo zusammen,
    ich habe ein Problem auf einer Kundenseite, das sich wie folgt darstellt:
    Ich habe eine Rasterzeile mit einem Hintergrundbild als Header erstellt. Dieses Bild wird auf allen Geräten korrekt angezeigt – mit einer Ausnahme: auf dem iPad (physisches Gerät, nicht über “Untersuchen”) erscheint das Headerbild plötzlich stark herangezoomt. Das Problem tritt bei jedem Header auf, der diese Einstellungen verwendet.
    Hier sind noch Bilder zum Verständnis:
    backend
    normal
    zoomed
    Könnt ihr mir bitte weiterhelfen oder einen Hinweis geben, woran das liegen könnte?
    Vielen Dank im Voraus!
    Beste Grüße
    Charlotte

    English:

    Hello,
    I’m experiencing an issue on a client’s website:
    I created a grid row with a background image used as a header. The image displays correctly on all devices – except on the iPad (a physical device, not via “Inspect”). On the iPad, the header image suddenly appears extremely zoomed in. This happens with every header that uses these settings.
    Here are some images for better understanding:
    backend
    normal
    zoomed
    Could you please help me or provide a hint on what might be causing this?
    Thank you in advance!
    Best regards,
    Charlotte

    June 30, 2025 at 7:10 am #1486134
    Ismael

    Hey Blatze,

    Thank you for the inquiry.

    Did you set the background attachment setting to fixed? You may need to reset the background attachment to scroll for iPad view because iOS devices have issues with the fixed setting. Please add this css code:

    @media only screen and (max-width: 1366px) {
  /* Add your Mobile Styles here */
  .avia-full-stretch, .avia-bg-style-fixed  {
      background-attachment: scroll !important;
      background-size: cover !important;
  }
}

    — https://caniuse.com/background-attachment

    iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

    Best regards,
    Ismael

    July 11, 2025 at 1:15 pm #1486656
    Blatze

    Thank you very much, it worked! Topic can be closed Thanks!

    July 14, 2025 at 6:24 am #1486723
    Ismael

    Hi,

    Great! Glad to know this has been resolved. Please feel free to open another thread if you have more questions. Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Background Image in Header Appears Zoomed on Physical iPad Device’ is closed to new replies.