Mutiny enables you to easily reorder individual elements or even large sections of your website to test and personalize the layout of your website. Some common use cases for reordering elements include:

• Adjusting the top-navigation ordering
• Prioritizing relevant logos for an audience
• Testing the ordering of content sections
• Reordering primary / secondary CTA locations

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 to reorder elements

1. Navigate to the editor of the experience you'd like to reorder elements in.
2. Select the element you'd like to reorder. For more information on selecting elements, click here.
3. Under the "Layout" section, select "Move up" or "Move down" to reorder your elements.