Builder panels and responsive editing
Reference for the builder panels that organize the ConvertSite editor and the responsive editing breakpoints that control how your app adapts across screen sizes.
Builder panels
The editor is split into panels, each handling one part of your app. The first group always appears on every app type.
Panel | What it does |
|---|---|
Components | Add and place the building blocks of your pages. |
Navigator | View and reorder the elements already in your app. |
Logic | Add conditional behavior and interactions. |
Data | Connect and manage the data your app uses. |
Which panels are available per app type
The secondary panels you get depend on the app type you are editing.
App type | Secondary panels |
|---|---|
Site | Pages, Blocks, Style |
Embed | Blocks, Style |
Document | Style |
Builder modes
When the assistant is enabled, the header offers two modes to switch between guided and hands-on building: AI builder and Manual edit. While the assistant is processing, the panel buttons outside the assistant are disabled.
Responsive editing
Responsive editing lets you adjust layout at three breakpoints and is available for Site and Embed apps, not Documents. For each breakpoint you control the editable canvas width in pixels.
Breakpoint | Canvas width |
|---|---|
Desktop | Minimum 1000 px |
Tablet (portrait) | 768–991 px |
Mobile (portrait) | Up to 767 px |
For the full build workflow, see Build your first website.