Ajustes por dispositivo no se aplican – ZenBlocks buttonBasic
Conclusion
Cuando los ajustes por dispositivo no se reflejan, suele deberse a **cache CSS antigua, breakpoints inconsistentes o conflicto con CSS del tema**.
—
Causas
1. Cache CSS desactualizada.
2. CSS no regenerado tras cambiar breakpoints.
3. Selector del tema con mayor especificidad.
4. Revision hecha solo en editor.
5. Valor vacio en un dispositivo (usa fallback de desktop).—
Procedimiento
### Paso 1: comprobar en front-end
1. Abre pagina real, no solo preview del editor.
2. Usa DevTools (F12).
3. Cambia ancho en modo responsive.
4. Revisa `computed styles`.### Paso 2: limpiar cache
1. Revisa `/wp-content/uploads/zenblocks/`.
2. Limpia cache navegador.
3. Purga CDN si aplica.
4. Limpia cache de plugins del servidor.### Paso 3: revisar breakpoints
1. Verifica breakpoints globales.
2. Valores iniciales ZenBlocks:
– **MD**: 1024px
– **TB**: 768px
– **SP**: 480px
3. Alinea con breakpoints del tema.
4. Verifica regeneracion de CSS.### Paso 4: revisar especificidad
1. En DevTools comprueba reglas tachadas.
2. Si gana CSS del tema, ajustar tema o estrategia CSS.### Paso 5: revisar valores por dispositivo
1. Verifica cada panel por dispositivo.
2. Si un valor esta vacio, cae al valor desktop.
3. Define valores explicitos cuando sea necesario.—
Puntos de atencion
– Diferencias editor/front-end son posibles por preview en iframe.
– Cambiar breakpoints afecta todo el sitio.—
Ajustes relacionados
– [Configuración de visualización](../display/)
– [Configuración de fuente](../font/)
– [Configuración de diseño](../layout/)