Bonjour,
J’ai créé un thème personnalisé et il fonctionne bien sur ordinateur, cependant, il semble que sur mobile, certains des remplacements (utilisant PluginOutlet) ne soient pas appliqués sur mobile (Safari). Par exemple, sur ordinateur, ma page de catégorie ressemble à ceci :
Les ordinateurs de bureau et les mobiles sont configurés pour :
Avez-vous une idée de ce que je fais mal ?
Merci
Même si vous définissez la même mise en page pour le bureau et le mobile dans vos paramètres d’administration, les modèles utilisés ne sont probablement pas les mêmes. Vous devrez inspecter les deux modèles et ajuster vos déclarations en conséquence.
Ah oui, je vois que le pluginOutlet est différent.
Cependant, il semble toujours que le CSS ne se charge pas depuis le thème.
Les modèles présentent des différences qui peuvent nécessiter des CSS différentes pour le bureau et le mobile. Vous devrez donc inspecter la page et ajouter des CSS différentes pour le mobile (vous pouvez obtenir la vue mobile sur un appareil de bureau en ajoutant ?mobile_view=1 à la fin de l’URL).
Si vous supprimez les bordures sur le bureau, par exemple, vous pouvez faire :
.category-list tbody .category {
border: none;
}
mais sur mobile, vous devrez faire :
.category-list-item {
border: none;
}
À un moment donné, je pense que nous rendrons ces modèles cohérents sur tous les appareils, mais c’est ce qui est nécessaire pour l’état actuel des choses.