---
title: "Moving components around your page using the visual page builder"
date: "2021-03-12T09:46:28+00:00"
summary: "Learn to effortlessly reposition components on your page using our visual builder's drag-and-drop feature and move controls. Master layout customization for a polished, professional website design."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/moving-components-around-your-page-using-visual-page-builder"
id: "ba3c695a-f94b-4ec0-b1fc-e234eef183b1"
---

Dragging components to reposition them
--------------------------------------

Once placed, you can drag components to reposition them.

1.  Click and drag the **drag handle** in the top left of the component.
2.  When a component is dragged, it will collapse into a placeholder to make dragging easier.
3.  A grey placeholder bar will indicate where the component will be placed when you release the drag handle.  
      
    
    ![c33e1167-drag-and-drop.png](https://acquia.widen.net/content/ktzbquiovt/web/c33e1167-drag-and-drop.png?v=e120b608-4b96-43b5-8c00-ec6eb97c48ae)
    

Sometimes it's easier to reposition a component using 'Move up' and 'Move down' controls rather than using drag and drop. For example, use these controls to change the order of slides within a slider or tabs within a tabbed device.  
  
To reposition a component using move up and down controls:

1.  Move your mouse pointer over the component you want to reposition to display its toolbar.
2.  Click on the **ellipsis button** to open the component menu.
3.  Click on **Move up** or **Move down** to move the component before or after its sibling.  
      
    
    ![af3b5b05-move-component.png](https://acquia.widen.net/content/5o4k8znoli/web/af3b5b05-move-component.png?v=d321e106-93b5-4476-a9a1-25e448edf7b0)
    

Important

Move up and move down controls are only active if the component has sibling components.