Get the free theme
View Categories

Collapsing Sections in the Canvas Page Editor

2 min read

On a long page, the section you’re working on can be buried between others you’re not. The Canvas page editor lets you fold the parts you’re not touching so the page stays readable.

Folding and unfolding

Click the arrow in the editor margin to fold a tag, and the section it wraps, down to a single line. Click it again to expand it back. Embedded style and script blocks fold the same way, so a long inline stylesheet can drop out of view while you work elsewhere.

From the keyboard

Press Ctrl+Q to fold or unfold whatever your cursor sits in. It’s Ctrl+Q on every platform, including Mac, since Cmd+Q quits the browser.

Folding only changes what you see in the editor. It doesn’t alter your markup or what renders on the page.

<lc-toy:collapsing-sections>
<a href=”/”>Trestle Coffee Co.</a> <nav>Menu, Hours, Journal</nav>
.hero { padding: 64px 0 } .hero h1 { font-family: Lora }
<h1>Open by the freight house</h1> <p>Set the clock to the 8:14.</p>