Moving Containers

Rearranging containers in the 10Web Website Builder is a simple process. There are two methods by which you can move or rearrange the containers of your page.

Drag and drop using the Structure Navigator

The Structure navigator is a convenient way to move containers with minimal navigation. If you have complex layouts, using the Structure to navigate your website and to rearrange and move containers is easier and more efficient.

1. Go to the page where you want to rearrange containers.
2. To open the navigation panel, click on the Structure icon located on the top bar of the page

   Note:

   You can leave the navigation panel floating or doc it to the right side of your work area in 10Web builder.

3. To instantly go to a specific element in the page structure, right-click on the element and select Structure.
4. Click and hold an item then drag it up or down in your page structure and drop it in its new location.

Drag and drop using the container handle

Another way to move containers is by the container handles. 

1. Go to the page where you want to rearrange containers.
2. Click and hold the container handle.
3. Drag the container to its new location.
4. Look for the appearance of a pink line in the correct location.
5. Release the mouse button to drop the container into its new location.