Problem: Das Shopify-Theme “Crave” zeigt auf mobilen Geräten zwei Darstellungsfehler:
Auf Desktop-Monitoren funktioniert alles korrekt. Der offizielle Shopify-Support konnte nicht weiterhelfen.
Lösungsversuche:
Ein Community-Mitglied schlug vor:
Diese Vorschläge funktionierten jedoch nicht.
Lösung gefunden:
Nach Konsultation eines Experten wurde eine einfache Lösung identifiziert: Unter den Slideshow-Einstellungen musste ein bestimmter Haken gelöscht werden. Ein Screenshot zeigt die genaue Stelle der Einstellung.
Hi,
leider habe ich mit dem Theme Crave Probleme. Sh*pify kann nicht helfen, jedenfalls der Support und die Techniker dahinter.
Auf einem normalen Monitor ist alles okay - siehe Anlage. Aber eben nicht auf der mobilen Sicht.
Kann mir da einer helfen? Angeblich muss das umkodiert werden - ich habe dafür keinen Plan und dachte Sh*pify Themes können solche simplen Themen. Unser erster Shop.
Danke, lieben Gruß
Simone
Gib mal einen Link zu deinem Shop hier so dass wir das testen können
Hallo Ben,
bin gerade erst online gegangen, vor 3 Minuten. www.wiesen.design. Das Problem besteht nur bei Mobiltelefonansichten.
Danke, Simone
Kann es reproduzieren Simone. Du müsstest eine frische Crave Theme Kopie installieren und den theme.liquid Code zw. beiden Versionen in einem Tool wie diffchecker.com vergleichen um den ? zu finden. Es kann etwas einfaches sein.
Folge mal diese Anleitung hier und teste folgenden CSS Code um das margin oder padding zu reduzieren:
@media (max-width: 767px) {
.slideshow__slide {
margin-bottom: 0; /* Entfernt unerwünschte Abstände */
padding-bottom: 0;
}
.slideshow__text-wrapper {
margin-bottom: 0;
}
}
Und möglicherweise wird der CTA-Button im mobilen View nicht angezeigt, weil eine display: none-Regel oder eine nicht zutreffende Klasse verwendet wird. Probiere mal folgenden CSS:
@media (max-width: 767px) {
.banner__buttons {
display: block; /* Stellt sicher, dass der CTA-Button auf Mobilgeräten angezeigt wird */
text-align: center;
padding-top: 10px;
}
.button--secondary {
display: inline-block;
}
}
Ansonsten poste mal das Problem samt Link zu deiner Seite in diesem Expertenforum hier und es wird sich ein Experte melden.
Hi Ben,
das hat leider nicht funktioniert, aber trotzdem vielen, lieben Dank.
