Hallo,
ich habe vor kurzem eine Homepage mit dem Template "Surfing" und einem Full Size Background Image online gestellt. Auf dem Desktop und auf meinem Smartphone (Samsung) passt sich das Bild an, so wie es sollte. Wenn ich meine Homepage allerdings auf einem iPhone/iPad oder HTC anschaue, wird das Bild sehr stark vergrößert und wirkt sehr verpixelt. Das Hintergrundbild sollte sich aber ebenfalls auf die Monitorgröße anpassen.

Gibt es da eine Einstellung, die ich noch tätigen sollte?

Viel Grüße
Ste

Hallo,
bei mobilen Geräten macht der Hintergrund der Webseite eigentlich auch keinen Sinn, da er dort nicht zu sehen ist!!

Sie können jedoch folgenden Code in ihre css/custom.css einfügen und es testen:

@media (max-width: @iphone-screen) {
background-attachment: scroll;
} }

Hallo,

das stimmt schon. Aber da ich bei den Modulen eine kleine Transparenz und ein "Fade" beim Scrollen drin habe, sieht man immer wieder auch wenn nur kurz den Hintergrund.
Vielen Dank für deine Info, das probiere ich gleich mal aus.

Der Quelltext hat leider keine Verbesserung bzw. Änderung gebracht. Gibt es noch andere Vorschläge? Ich suche derzeit parallel nach einer Lösung im Internet. Vielleicht finde ich ja eine Lösung.

Gruß Ste

Live Url bitte

Ich habe bisher nichts gefunden. Nur dass andere auch Probleme mit einem "responsive" Design haben, da alle Smartphones andere Einstellungen haben.

Die URL ist www.trachtenkapelle-biederbach.de