When using SPINNR, you should be using sections. A section is a div that serves a the root element of your component. It is where the container, rows, columns and blocks are placed.

The goal is for your page to be built with a collection of sections that can be edited, reused or reordered. To add a section, click on the plus sign on the top of the screen and click on ‘Add Section’ button on the sidebar

When clicked, the following options will appear in a modal.

You may then choose from the predefined section layouts that are loaded in SPINNR.

<aside> ℹ️ If nothing suits the user’s requirements, the user may choose Layout → Blank → 1 Column, then modify as needed.

</aside>

Adding more sections

When a section is hovered, the Insert Section button will appear above and below. Clicking these will insert a new section in the desired location.

Section controls

Section control options will appear when a section is hovered.

The options available are:

1. Move up Moves the current section selected one section up.
2. Move down Moves the current section selected one section down.
3. Duplicate Duplicates the current section selected.
4. Delete Deletes the current section selected.