Le impostazioni per dispositivo non si applicano – ZenBlocks buttonBasic
Conclusione
Se i valori per dispositivo non si applicano, la causa è spesso **cache CSS vecchia, breakpoint non coerenti o conflitto con CSS del tema**.
—
Cause
1. Cache CSS non aggiornata.
2. CSS non rigenerato dopo modifica breakpoint.
3. Selettore tema con specificita maggiore.
4. Verifica fatta solo in editor.
5. Valore dispositivo vuoto (fallback desktop).—
Procedura
### Passaggio 1: verificare nel front-end
1. Apri la pagina front-end reale.
2. Apri DevTools (F12).
3. Prova diverse larghezze in responsive mode.
4. Controlla i `computed styles`.### Passaggio 2: svuotare cache
1. Controlla `/wp-content/uploads/zenblocks/`.
2. Svuota cache browser.
3. Se presente CDN, esegui purge.
4. Svuota anche cache plugin server.### Passaggio 3: verificare breakpoint
1. Controlla i breakpoint globali.
2. Valori iniziali ZenBlocks:
– **MD (tablet)**: 1024px
– **TB (small tablet)**: 768px
– **SP (smartphone)**: 480px
3. Allinea ai breakpoint del tema.
4. Verifica rigenerazione CSS responsive.### Passaggio 4: verificare conflitti selettore
1. In DevTools controlla regole CSS barrate.
2. Se vince il CSS tema, regolare il tema puo essere necessario.### Passaggio 5: verificare valori per dispositivo
1. Controlla i valori in ogni pannello per ogni device.
2. I campi vuoti usano fallback desktop.
3. Imposta valori espliciti quando serve differenziare.—
Note
– L’anteprima responsive in editor usa iframe è può differire dal front-end.
– Cambiare breakpoint impatta tutto il sito: operare con cautela.—
Impostazioni correlate
– [Impostazioni visualizzazione](../display/)
– [Impostazioni font](../font/)
– [Impostazioni layout](../layout/)