Parallax Effekt

Aktuell implementiere ich eine neue Site mit Joomla 6, basierend auf dem Template "Verein". Die Site soll u.a. den Parallax-Effekt des Templates nutzen. Es zeigt sich folgendes Fehlerbild:

- Darstellung auf PC und Laptop mit allen getesteten Monitorgrößen Ok
- Ausblenden auf kleinen und sehr kleinen Geräten Ok
- Darstellung auf Tablet:

• Ein Ausschnitt des Hintergrundbildes wird in übergroßem Format angezeigt
• Der Bildausschnitt scrollt mit dem Rest der Seite mit
• klickt man das Off-Canvas-Menü (Burger) an, wird das Hintergrundbild in "normaler Größe" im linken Modalbereich angezeigt
• getestet mit iPad 13 Zoll M2 sowie iPad Air 2, mit Safari und Mozilla Firefox

Dieses Verhalten zeigt auch die Quickstart-Version des Templates "Verein"   Link: quick.blau-silber.de

Haben Sie dazu Hinweise?

Kind Regards

Dieser Effekt entsteht dadurch, dass das Bild über die volle Seite angezeigt wird ( cover) und fixiert ist, demnach nicht scrollt. Mobile ready ist das natürlich schon, aber hier wird eben das Bild beschnitten.
Die Höhe des Bildes richtig sich nach der Höhe des äussereren Container und dem Modul was im Container ist. Tricksen kann man durch den inneren Abstand des Containers ( padding).

Kleine Hilfe
www.joomlaplates.de/joomla-tips-und-tricks/hintergrundbild.html

Hinweis:
Auf Smartphones und Tablets (iOS/Android) wird der Effekt oft deaktiviert oder als Standardbild angezeigt, um Ruckeln und Akkuverbrauch zu verhindern.