Hallo,
Aber wobei Sie mir helfen könnten ist, die Mobile Bild Größe festzulegen. Hier 2 Bilder, wie es auf dem Desktop und Mobile aussieht.
Topic summary
Ein Shopify-Nutzer möchte im Dawn-Theme unterschiedliche Bannerbilder für Desktop- und Mobilgeräte einrichten. Der ursprüngliche CSS-Code funktioniert nicht vollständig korrekt.
Lösungsansätze:
- Ein YouTube-Video wird als hilfreiche Ressource geteilt
- Das Hauptproblem verschiebt sich zur korrekten Bildgrößenanpassung auf Mobilgeräten
- Der Support-Helfer schlägt Media Queries vor:
@media (max-width: 749px) {
.banner__media img {
max-width: 100%;
height: auto;
}
}
Wichtige Empfehlungen:
- Verwendung von Shopify-Theme-Anpassungen statt direkter Code-Änderungen
- Vermeidung negativer Auswirkungen auf Page Loading Speed und Theme-Updates
- Ein GIF-Tutorial wird bereitgestellt, das zeigt, wo der Code eingefügt werden soll
Ergebnis:
Die Diskussion endet mit einer erfolgreichen Lösung – der Nutzer bestätigt, dass das Problem gelöst wurde.
