What problem does it solve? Elementor sites break in hard-to-pinpoint ways: layouts overflow on mobile, the editor preview differs from the live frontend, CSS rules get ignored, or plugins conflict. This Skill replaces guesswork and random CSS fixes with a disciplined diagnostic workflow that reproduces, isolates, tests, fixes, validates, and documents Elementor failures with a rollback path. ## Core Features & Use Cases - Structured Diagnostic Workflow: Follows a reproduce → isolate → hypothesize → test → fix → validate → document → rollback sequence, changing one variable at a time. - Layered Root-Cause Analysis: Systematically inspects widgets, containers, templates, global settings, theme, plugins, custom CSS, generated CSS, cache, and responsive overrides. - Evidence Discipline: Labels findings as CONFIRMED, OBSERVED, INFERRED, HYPOTHESIS, UNKNOWN, or PROPOSED, and never claims a fix without validation. - Use Case: A landing page looks correct in the Elementor editor but broken on the live mobile site. The Skill isolates the breakpoint, inspects responsive overrides and generated CSS, tests a scoped fix on staging, validates across viewports, and documents the root cause with rollback steps. ## Quick Start Ask the assistant to diagnose why your Elementor section overflows on mobile, providing the page URL, screenshots, and your WordPress and Elementor versions.
