Configurações por dispositivo não são aplicadas – ZenBlocks buttonBasic
Conclusão
Quando ajustes por dispositivo não refletem, geralmente é por **cache CSS antigo, breakpoints inconsistentes ou conflito com CSS do tema**.
—
Causas
1. Cache CSS desatualizado.
2. CSS não regenerado após alterar breakpoints.
3. Seletor do tema com especificidade maior.
4. Verificação feita apenas no editor.
5. Valor vazio em um dispositivo (fallback do desktop).—
Procedimento
### Etapa 1: verificar no front-end
1. Abra a página real no front-end.
2. Abra DevTools (F12).
3. Ajuste largura em modo responsive.
4. Revise `computed styles`.### Etapa 2: limpar cache
1. Verifique `/wp-content/uploads/zenblocks/`.
2. Limpe cache do navegador.
3. Se usar CDN, faça purge do cache.
4. Limpe cache de plugins no servidor.### Etapa 3: verificar breakpoints
1. Confira breakpoints globais.
2. Valores padrão ZenBlocks:
– **MD (tablet)**: 1024px
– **TB (tablet pequeno)**: 768px
– **SP (smartphone)**: 480px
3. Alinhe com breakpoints do tema.
4. Confirme regeneração do CSS responsive.### Etapa 4: verificar conflito de seletor
1. No DevTools, veja regras CSS riscadas.
2. Se CSS do tema tiver prioridade, ajuste no tema pode ser necessário.### Etapa 5: verificar valores por dispositivo
1. Revise valores em cada painel por dispositivo.
2. Campos vazios usam fallback desktop.
3. Defina valores explícitos quando quiser diferenciar.—
Observações
– Preview responsive do editor (iframe) pode divergir do front-end real.
– Alterar breakpoints impacta todo o site, faça com cautela.—
Configurações relacionadas
– [Configurações de exibição](../display/)
– [Configurações de fonte](../font/)
– [Configurações de layout](../layout/)