Pengaturan per perangkat tidak diterapkan – ZenBlocks buttonBasic
Kesimpulan
Jika pengaturan per perangkat tidak berlaku, penyebab utamanya biasanya **cache CSS lama, breakpoint tidak selaras, atau konflik CSS dengan tema**.
—
Penyebab
1. Cache CSS belum diperbarui.
2. CSS belum diregenerasi setelah ubah breakpoint.
3. Selector tema punya spesifisitas lebih tinggi.
4. Hanya diuji di editor.
5. Nilai perangkat tertentu kosong (fallback ke desktop).—
Langkah penyelesaian
### Langkah 1: cek di front-end
1. Buka halaman front-end asli, bukan preview editor.
2. Buka DevTools (F12).
3. Ubah lebar layar di mode responsive.
4. Cek `computed styles`.### Langkah 2: bersihkan cache
1. Cek `/wp-content/uploads/zenblocks/`.
2. Bersihkan cache browser.
3. Purge cache CDN jika digunakan.
4. Bersihkan cache plugin server.### Langkah 3: cek breakpoint
1. Cek nilai breakpoint global.
2. Nilai default ZenBlocks:
– **MD (tablet)**: 1024px
– **TB (small tablet)**: 768px
– **SP (smartphone)**: 480px
3. Selaraskan dengan breakpoint tema.
4. Pastikan CSS responsive digenerate ulang.### Langkah 4: cek konflik selector
1. Periksa rule CSS di DevTools.
2. Jika rule ZenBlocks tercoret, kemungkinan ditimpa tema.
3. Sesuaikan CSS tema jika perlu.### Langkah 5: cek nilai per perangkat
1. Periksa nilai di tiap panel untuk tiap perangkat.
2. Nilai kosong akan fallback ke desktop.
3. Isi nilai eksplisit jika memang ingin beda per perangkat.—
Catatan
– Preview responsive editor berbasis iframe, jadi bisa berbeda dari front-end.
– Perubahan breakpoint berdampak ke seluruh situs, lakukan dengan hati-hati.—
Pengaturan terkait
– [Pengaturan Tampilan](../display/)
– [Pengaturan Font](../font/)
– [Pengaturan Tata Letak](../layout/)