Change Order

This guide explains how to reorganize your website’s structure. It covers two main areas: Sorting Pages (changing the order in the navigation tree) and Rearranging Blocks (moving content within a single page). Mastering these steps ensures your most important information is always front and center for your visitors.

Reordering the Site Tree

Your "Content Tree" on the left side of the screen determines the order of your navigation menu. If you want "Services" to appear before "About Us," you use the Sort feature. This tool provides a simple drag-and-drop window where you can see all sub-pages at once and move them into your preferred sequence without having to delete and recreate anything.

Moving Content on a Page

In Umbraco 17, most modern pages use the Block Grid or Block List. To change the order of sections on a page (like moving a "Testimonial" block above an "Image" block), you simply hover over the block until the "move" handle appears. You can then drag the block to its new position. If you are using a Grid, you can even move blocks between different columns or areas.

Play

Watch: Sorting and Reordering in Umbraco 17+

Blank placeholder image

This video demonstrates the "Sort" action in the content tree and the drag-and-drop functionality within the Block Grid editor. You'll see how to save your new order and verify that it has updated on the live website.

Other Related Tutorials

Quick Steps to Change Order

To Reorder Pages:

  1. Right-click the parent page (e.g., "Home") in the Content Tree.

  2. Select 'Sort' from the menu.

  3. Drag and drop the page names into your desired order.

  4. Click 'Save' at the bottom of the panel.

To Reorder Blocks on a Page:

    1. Open the page in the Visual Editor.

    2. Hover over the component you want to move.

    3. Click and hold the drag handle (the icon with dots or arrows).

    4. Drag the block to its new location and release.

    5. Click 'Save and Publish' to push the new layout live.

 

 

Pro-Tip: When sorting pages in the tree, the change is instant for the back-office, but you must click "Save" in the sorting window for the live website's navigation to update. If the order doesn't change on your site immediately, try clearing your browser cache!

Where Next?

Now that you know how to "Change Order" to keep your best content at the top, what happens to the pages you no longer need?

Whether it's an old draft, a finished marketing campaign, or a layout experiment that didn't quite work out, keeping your backoffice clean is vital for a fast and organized workflow. Your next step is learning how to safely "Delete Pages".

We'll show you how to move items to the Recycle Bin and—more importantly—how to rescue them if you hit delete by mistake!

How To