Hallo,
Ich habe ein benutzerdefiniertes Thema erstellt und es funktioniert auf dem Desktop gut. Auf Mobilgeräten scheinen jedoch einige der Überschreibungen (mit PluginOutlet) auf Mobilgeräten (Safari) nicht angewendet zu werden. Zum Beispiel sieht meine Kategorieseite auf dem Desktop so aus:
Desktop und Mobilgeräte sind beide eingestellt auf:
Irgendeine Idee, was ich falsch mache?
Danke
Selbst wenn Sie in Ihren Admin-Einstellungen das gleiche Layout für Desktop und Mobilgeräte festlegen, sind die verwendeten Vorlagen wahrscheinlich nicht identisch. Sie müssten beide Vorlagen untersuchen und Ihre Deklarationen entsprechend anpassen.
Ah ja, ich sehe, dass pluginOutlet anders ist.
Es scheint jedoch immer noch, dass die CSS nicht aus dem Theme geladen werden.
Die Vorlagen weisen einige Unterschiede auf, die möglicherweise unterschiedliche CSS für Desktop und Mobilgeräte erfordern. Sie müssen die Seite untersuchen und unterschiedliche CSS für Mobilgeräte hinzufügen (Sie können die mobile Ansicht auf einem Desktop-Gerät erhalten, indem Sie ?mobile_view=1 am Ende der URL hinzufügen).
Wenn Sie beispielsweise die Ränder auf dem Desktop entfernen, können Sie Folgendes tun:
.category-list tbody .category {
border: none;
}
aber auf Mobilgeräten müssten Sie Folgendes tun:
.category-list-item {
border: none;
}
Irgendwann werden wir diese Vorlagen für alle Geräte konsistent machen, aber dies ist das, was für den aktuellen Stand der Dinge erforderlich ist.