> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/how-tos/design-how-tos/how-to-change-a-components-location.md).

# How to change a component's location

{% @arcade/embed flowId="jaeuDf1MVlu51CfVP1cb" url="<https://app.arcade.software/share/jaeuDf1MVlu51CfVP1cb>" %}

#### Moving up and down:

1. With the “**Options**” card opened, select the component you want to move.
2. Click the “Move UP” or the “Move DOWN” buttons.

#### Changing a component’s parent container (div):

1. With the “**Options**” card opened, select the component you want to move.
2. Click on the “**Parent container**” dropdown to see all containers on the current page.
3. Select the container to which you want to move the component to.

That’s it, with these simple 3 options, you can move your components anywhere on your page.

### Related Docs:

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><mark style="color:blue;"><strong>Adding New Components to a Page</strong></mark></td><td><a href="/files/Mwq3sqrVffJMc6GF2tg8">/files/Mwq3sqrVffJMc6GF2tg8</a></td><td><a href="/pages/CYZlvFhFj3pqeIkQAKij">/pages/CYZlvFhFj3pqeIkQAKij</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Changing Pages Order</strong></mark></td><td><a href="/files/Qr0nPtJMUxWxsF7YSBsA">/files/Qr0nPtJMUxWxsF7YSBsA</a></td><td><a href="/pages/ysCHOwsCqTe42y9RIu37">/pages/ysCHOwsCqTe42y9RIu37</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Cloning a page</strong></mark></td><td><a href="/files/la5hVrCMs12wLF7l8ZRg">/files/la5hVrCMs12wLF7l8ZRg</a></td><td><a href="/pages/vle7jfBZ1Enn3GxV5iew">/pages/vle7jfBZ1Enn3GxV5iew</a></td></tr></tbody></table>