El diseño de la página móvil no utiliza el tema

Hola,
He creado un tema personalizado y funciona bien en el escritorio, sin embargo, parece que en el móvil algunas de las anulaciones (usando PluginOutlet) no se aplican en el móvil (Safari). Por ejemplo, en el escritorio, mi página de categoría se ve así:

tanto el escritorio como el móvil están configurados para:

¿Alguna idea de lo que estoy haciendo mal?

Gracias

1 me gusta

Incluso si configuras el mismo diseño para escritorio y móvil en la configuración de tu administrador, es probable que las plantillas utilizadas no sean las mismas. Tendrías que inspeccionar ambas plantillas y ajustar tus declaraciones en consecuencia.

1 me gusta

Ah sí, veo que el pluginOutlet es diferente.
Sin embargo, todavía parece que las CSS no se están cargando desde el tema.

Las plantillas tienen algunas diferencias que pueden requerir CSS diferentes para escritorio vs móvil, por lo que tendrás que inspeccionar la página y agregar CSS diferente para móvil (puedes obtener la vista móvil en un dispositivo de escritorio agregando ?mobile_view=1 al final de la URL)

Si estás eliminando los bordes en el escritorio, por ejemplo, puedes hacer:

.category-list tbody .category {
  border: none;
}

pero en móvil tendrías que hacer:

.category-list-item {
  border: none;
}

En algún momento creo que haremos estas plantillas consistentes en todos los dispositivos, pero esto es lo que se necesita para el estado actual de las cosas.

2 Me gusta