> 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

Is not uncommon to need to move page components up or down, or even change the container (div) they are in. Here you’ll learn how to do this with our tool.

{% @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="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FQwFQTL32sHiATke5aWUy%2F2023-03-02_11h35_49.png?alt=media&amp;token=87bc3895-6979-4f38-aa5c-55159f2cf2f7">2023-03-02_11h35_49.png</a></td><td><a href="/how-tos/general-how-tos/how-to-add-new-components-to-a-page.md">How to add new components to a page</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Changing Pages Order</strong></mark></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FTfEDnXY4yaVZjs9lYtD0%2F2023-03-02_11h38_49.png?alt=media&amp;token=cd03ee45-f026-4c7a-a32a-4ad3c4f6a8f8">2023-03-02_11h38_49.png</a></td><td><a href="/how-tos/general-how-tos/how-to-change-pages-order.md">How to change pages order</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Cloning a page</strong></mark></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2F9pmdT9OF9qgAlQUANf0S%2F2023-03-07_11h18_39.png?alt=media&amp;token=83913c5f-c8bf-484e-94f3-dccf5de989cf">2023-03-07_11h18_39.png</a></td><td><a href="/how-tos/general-how-tos/how-to-clone-a-page.md">How to clone a page</a></td></tr></tbody></table>
