All Collections
Using the Mutiny Experience Editor
Reordering Elements and Sections on your website
Reordering Elements and Sections on your website

Mutiny allows you to easily reorder individual elements or sections on your website

Updated over a week ago

Much of a marketer's work involves making sure that the content on the page resonates with their audience. But often, the ordering of the content on the page can have just as big of an impact on conversion as another personalization.

Mutiny enables you to easily reorder individual elements or even large sections of your website to test and personalize the layout of your website.

Common Use Cases

Marketers use Mutiny's reordering feature for a variety of use cases to drive conversion:

  • Adjusting the top-navigation ordering

  • Prioritizing relevant logos for an audience

  • Testing the ordering of content sections

  • Reordering primary / secondary CTA locations

How to reorder elements and sections in Mutiny

There are two approaches to reordering in Mutiny:

  1. Drag and drop - simply click-and-hold, drag the item to your desired location, then release to drop it in place. Then save your changes.

  2. Click "Move up" or "Move down" buttons within the Layout dropdown in the sidebar. Then save your changes.

Regardless of which method you use for reordering, elements can only be moved within the parent container that holds them. For instance, a list item <li> can only be moved within it's parent <ul> or <ol>. This constraint is to ensure that you don't inadvertently break the styling or functionality of the item that is being reordered. An element that does not have any siblings within its parent container cannot be reordered - instead, try selecting the next parent element with siblings.

How do I find the right element to reorder?

Navigating an HTML DOM tree can be tricky to find the right element to reorder. Mutiny makes this easier for you in a couple ways:

  1. Drag and drop: when you attempt to drag an element that does not have siblings, Mutiny's editor will move your selection up the DOM tree to the next parent element that has siblings to reorder in relation to.

  2. Layout Buttons: when your selection is an element without siblings, you can simply click the link to navigate to the next parent element with siblings.


Don't be a stranger

If you have any questions, we’re here to help! Please feel free to contact us at any time, either through intercom chat or via

Did this answer your question?