Editor walkthrough — the full sit-down

The editor's mental model — pages, sections, blocks

The Avago editor has three levels, and almost everything makes sense once you hold them in your head:

• Pages — the top level. Home, About, Services, Contact. Each is edited separately.
• Sections — the horizontal bands that stack down a page: a hero, a services grid, a testimonial strip, a footer.
• Blocks and widgets — the pieces inside a section: a heading, a paragraph, a button, an image, a form.

You build a page by stacking sections, then filling each section with blocks. When you want to change something, the trick is to know which level you're working at.

Inline editing vs. the right-hand panel

There are two ways to change a block, and you'll use both constantly:

• Inline editing — click straight into text and type. This is the fastest way to fix wording, headings and button labels.
• The right-hand settings panel — select a block and the panel shows everything inline editing can't: colours, spacing, alignment, links, image sources, animation and visibility.

As a rule, edit content inline and edit appearance and behaviour in the panel.

Adding sections from the library

You rarely build a section from nothing. Open the section library and you'll find ready-made bands — heroes, feature grids, galleries, pricing tables, FAQs — each with several variants. Pick one, drop it where you want it on the page, and it arrives styled to match your template. Then replace the placeholder text and images with your own. Building this way keeps spacing and proportions consistent with the rest of the site.

Per-breakpoint editing on mobile

Avago lets you edit each breakpoint separately — desktop, tablet and mobile. Switch the editor to the mobile view and you can adjust font sizes, spacing, image order and what's hidden, without touching the desktop layout. Changes you make on desktop flow down as sensible defaults; changes you make on mobile stay on mobile.

Always check the mobile view before publishing. Most of your visitors are on a phone, and a hero that looks balanced on a wide screen can be far too tall on a small one.

Undo, history and rolling back a page

Nothing you do in the editor is permanent. Undo and redo cover your recent steps, and every page keeps a history. If an edit goes wrong — or a whole session does — you can roll a single page back to an earlier state without affecting the rest of the site. That safety net means you can experiment freely: try a different hero, restructure a page, swap a template, and step back if you don't like it. Edit boldly; the history has your back.