Geraetespezifische Einstellungen greifen nicht – ZenBlocks buttonBasic
Fazit
Wenn device-spezifische Werte nicht greifen, sind meist **alter CSS-Cache, unpassende Breakpoints oder CSS-Konflikte mit dem Thema** die Ursache. Nach Breakpoint-Aenderungen immer Cache pruefen.
—
Ursachen
1. **Veralteter CSS-Cache**.
2. **CSS wurde nach Breakpoint-Aenderung nicht neu erzeugt**.
3. **Thema-CSS hat hoehere Selektor-Spezifitaet**.
4. **Nur im Editor geprueft**, nicht im Frontend.
5. **Kein eigener Wert pro Geraet gesetzt** (Desktop-Wert faellt zurueck).—
Loesung
### Schritt 1: Im Frontend pruefen
1. Frontend-Seite statt Editor-Vorschau oeffnen.
2. DevTools (F12) starten.
3. Responsive-Mode auf Zielbreite stellen.
4. `computed styles` auf tatsaechlich angewendete Werte pruefen.### Schritt 2: Cache leeren
1. Verzeichnis `/wp-content/uploads/zenblocks/` pruefen.
2. Browser-Cache leeren (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Bei CDN auch CDN-Cache loeschen.
4. Serverseitige Cache-Plugins ebenfalls leeren.### Schritt 3: Breakpoints pruefen
1. Breakpoint-Werte in den globalen Einstellungen pruefen.
2. Standardwerte in ZenBlocks:
– **MD (Tablet)**: 1024px
– **TB (kleines Tablet)**: 768px
– **SP (Smartphone)**: 480px
3. Mit Thema-Breakpoints abgleichen.
4. Nach Aenderung sicherstellen, dass Responsive-CSS neu erzeugt wurde.### Schritt 4: Selektor-Konflikte pruefen
1. CSS-Regeln im DevTools-Inspector kontrollieren.
2. Pruefen, ob ZenBlocks-Regeln durchgestrichen sind.
3. Wenn Thema-Regeln gewinnen, Thema-CSS anpassen.### Schritt 5: Werte pro Geraet pruefen
1. Pro Geraet die Werte in jedem Panel kontrollieren.
2. Leere Felder fallen auf Desktop-Standard zurueck.
3. Gewuenschte device-spezifische Werte explizit setzen.—
Hinweise
– Responsive-Probleme entstehen oft durch CSS-Spezifitaet zwischen Thema und dynamischem Plugin-CSS.
– Die Editor-Vorschau arbeitet ueber iframe-Resize und kann vom echten Frontend abweichen.
– Breakpoint-Aenderungen wirken siteweit und sollten vorsichtig vorgenommen werden.—
Verwandte Einstellungen
– [Anzeigeeinstellungen](../display/)
– [Schrifteinstellungen](../font/)
– [Layout-Einstellungen](../layout/)