Hintergrund Mobileansicht

[SteveHemmerling]

Guten Tag,

und zwar habe ich folgendes Problem.
Wenn man unsere Website auf dem Handy öffnet, wird unser Hintergrund verschwommen angezeigt (s. Bild Real), obwohl es im Shopify Editor richtig angezeigt wird (s. Bild Shopify Editor). Wir wissen leider nicht warum das so ist. In der mobilen Vorschau von Shopify passt alles, aber sobald man die Seite auf einem Handy öffnet, sieht es ganz anders aus. Wie kann man diese Problematik am schnellste beheben ?

Zur Info:

In unserem Theme Editor, können wir sowohl für die Desktopansicht ein eigenes Hintergrundbild einfügen als auch ein eigenes für die Mobileansicht. 

Mit freundlichen Grüßen

Jasper 

[Gabe]

Hey Jasper! @SteveHemmerling 

Danke für den Anhang und da sehe ich es handelt sich um babyfacegang.de.

Es scheint in deinem Screenshot handelt es sich um ein Phänomen oder "Rendering" Problem vor Ort auf deinem Gerät wo das Hintergrund Bild gross aufgeblasen wird. Das habe ich jetzt über meinen 32" Dell Monitor sowie auf meinem Samsung S22 Ultra getestet und ich konnte das nicht reproduzieren. Das folgende war das Ergebnis und da konnte ich, wie gesagt, keine Probleme erkennen:

Lass wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen. 
2022 wird dein Jahr! Haltet Abstand und bleibt Gesund.

[SteveHemmerling]

Hi, 

erst Mal danke für dein Feedback. 

Das komische ist aber, dass es auf iPhones weiterhin falsch dargestellt wird, also nicht wie bei dir auf deinem Samsung. Habe nämlich eben noch mal paar Freunde gefragt, die auch ein iPhone haben und dort wird es immer falsch dargestellt. Weißt du zufällig, was man diesbezüglich machen könnte ?

[Gabe · Accepted solution]

@SteveHemmerling 

Ist das auf iPhone der Safari Browser? Probleme mit dem Safari Browser sowie dem eingebauten Samsung Browser aus Samsung Modelle sind uns bekannt und wir raten nur den Chrome oder Firefox Browser zu verwenden (wie in meinem Beispiel oben).

Leider gibt es hier keinen Workaround außer einen Hinweis im Shop zu hinterlegen der sowas wie folgt wäre: "Um eine verbesserte Mobile Browsing Experience in unserem Shop zu gewährleisten, empfehlen wir den Chrome oder Firefox Browser auf Mobile".