Stacks are the main sections that make up your page layout—and the good news is, you can tweak them however you like to get things just right. Here’s how to edit a stack once it’s been added to your page.
Stack editing tools
When you hover over any stack, a small set of icons will appear in the top-right corner. These are your editing tools for that stack:
Pencil icon — Opens stack-level settings (mostly used for things like layout or style settings)
Eye icon — Hide or unhide the stack. It’ll stay visible in the editor but won’t appear on the preview or live site until you unhide it.
Copy icon — Makes a duplicate of the stack. You can:
Copy to this page (it’ll drop just underneath)
Copy to another page (you’ll pick where it goes)
Up/Down Arrow Icon — Move the stack up or down the page by dragging this icon. Great for quickly rearranging your content layout without needing to start over.
Rubbish bin icon — Deletes the stack. Don’t worry—it’ll ask you to confirm before it disappears. If you accidentally delete this stack, you can bring it back too. Can I recover deleted content?
Design Mode — Click the little Rocketspark toggle to open advanced design settings like:
Full-width layout
Mobile-specific design edits
Vertical alignment of the stack content (top, centre, bottom)
More options (3-dot menu)
Click the three vertical dots (⋮) to reveal a few more handy tools:
Convert to Slider — Turns the stack into a slider section, great for showcasing content in a swipeable format.
Please Note: This can’t be undone once changed. You will need to make sure the stack is unlinked.
Add Column — Add more columns to your stack layout using the Column button on the right-hand side of the editor. Clicking this will automatically add 1 additional column to the stack.
Lock Design — Locks the stack so no changes can be made. Perfect for preserving a finished design.
The options below are only visible when Design Mode is turned on
Change vertical alignment (top, middle, bottom) — Control where the content sits inside your stack—whether it hugs the top, is nicely centred, or sits down at the bottom.
Make full-width — Stretch the stack across the entire width of the screen—edge to edge. This is great for giving image-heavy or bold content a spacious, modern look.
Edit mobile layout — Tweak how your stack looks on mobile. This gives you control to adjust spacing and alignment just for smaller screens—so everything still looks great on the go.
— Opens stack-level settings (mostly used for things like layout or style settings)
— Hide or unhide the stack. It’ll stay visible in the editor but won’t appear on the preview or live site until you unhide it.
— Makes a duplicate of the stack. You can:
— Move the stack up or down the page by dragging this icon. Great for quickly rearranging your content layout without needing to start over.
— Deletes the stack. Don’t worry—it’ll ask you to confirm before it disappears. If you accidentally delete this stack, you can bring it back too. Can I recover deleted content?
— Click the little Rocketspark toggle to open advanced design settings like:
— Turns the stack into a slider section, great for showcasing content in a swipeable format.
— Add more columns to your stack layout using the Column button on the right-hand side of the editor. Clicking this will automatically add 1 additional column to the stack.
— Locks the stack so no changes can be made. Perfect for preserving a finished design.
— Control where the content sits inside your stack—whether it hugs the top, is nicely centred, or sits down at the bottom.
— Stretch the stack across the entire width of the screen—edge to edge. This is great for giving image-heavy or bold content a spacious, modern look.
— Tweak how your stack looks on mobile. This gives you control to adjust spacing and alignment just for smaller screens—so everything still looks great on the go.