Ciao,
Ho creato un tema personalizzato e funziona bene sul desktop, tuttavia sembra che su mobile alcune delle sovrascritture (utilizzando PluginOutlet) non vengano applicate su mobile (Safari). Ad esempio, sul desktop la mia pagina delle categorie appare così:
sia desktop che mobile sono impostati su:
Hai qualche idea su cosa sto sbagliando?
Grazie
Anche se imposti lo stesso layout per desktop e mobile nelle impostazioni di amministrazione, i template utilizzati probabilmente non sono gli stessi. Dovresti ispezionare entrambi i template e regolare le tue dichiarazioni di conseguenza.
Ah sì, vedo che pluginOutlet è diverso.
Tuttavia, sembra ancora che i CSS non vengano caricati dal tema.
I template presentano alcune differenze che potrebbero richiedere CSS diversi per desktop e mobile, quindi dovrai ispezionare la pagina e aggiungere CSS diversi per il mobile (puoi ottenere la visualizzazione mobile su un dispositivo desktop aggiungendo ?mobile_view=1 alla fine dell’URL)
Se stai rimuovendo i bordi sul desktop, ad esempio, puoi fare:
.category-list tbody .category {
border: none;
}
ma su mobile dovrai fare:
.category-list-item {
border: none;
}
A un certo punto penso che renderemo questi template coerenti su tutti i dispositivi, ma questo è ciò che è necessario per lo stato attuale delle cose.