How to Move Elements Freely on Carrd

beginner 7 min read Updated 2026-03-24

Quick Answer

Moving elements in Carrd is straightforward: click and drag an element to reposition it, watching for the green alignment bar that indicates where it will land. Common issues stem from selecting the wrong element, especially nested items, or elements feeling stuck inside parent containers. Solutions include zooming in for precision, checking nesting, and previewing on mobile and desktop views before publishing.

Try Carrd Free → Partner

Try Carrd Full Carrd Review

Prerequisites

Active Carrd account and logged-in status
Access to the correct project/site
The Carrd builder open (click the pencil icon)
Basic understanding of your page layout

Step-by-Step Instructions

Access the Carrd Builder Dashboard

Log into your Carrd account at carrd.co, select the site you want to edit from the dashboard list, and click the pencil icon to open the Carrd Builder where the page canvas appears with side controls and settings.

Select the Element to Move

On the page canvas, click the element (e.g., text, image, button, or container) you want to move. It will highlight, and the Properties Panel will appear on the side with tabs for editing properties. If clicking doesn't highlight properly, try clicking slightly outside the element and then back on it.

Small elements are easier to select when zoomed in.

Initiate the Drag

Click and hold the left mouse button (or trackpad equivalent) on the selected element. No keyboard shortcuts or terminal commands are required—Carrd uses a purely visual drag-and-drop interface with no CLI access.

Drag to Target Position

Drag the element before or after another element on the canvas. A green bar will appear indicating the target side (above, below, or alongside) for precise placement—release only when positioned correctly. Drag slowly if the layout is packed to allow Carrd to register the position.

Use alignment cues or guides during dragging for neatness.

Release to Drop

Release the mouse button to drop the element into place. It snaps automatically; if nested in a container, ensure you're targeting the correct parent layer by reselecting if needed.

Verify and Adjust Layout

Check alignment cues or guides during dragging for neatness. Switch to desktop/mobile preview views (via top toolbar) to confirm positioning across devices.

If elements feel stuck, zoom in or select parent containers first.

Preview and Save

Click the preview button (eye icon) or open in a new tab to test. Save changes via the top Publish or Save button—no configuration values or defaults alter this core process, as it's UI-driven with responsive snapping enabled by default.

Carrd does not support free pixel-level positioning outside vertical stacking/reordering—use <strong>Columns</strong> (via Add Element > Container) for horizontal layouts.

Common Issues & Troubleshooting

Element Won't Select or Responds Unexpectedly

Try clicking slightly outside the element and then back on it, or zoom in closer to the element. Small elements are easier to select when zoomed in.

Element Feels "Stuck" and Won't Move

The element may be nested inside another element (a parent container). Select the parent container first, then reselect the item you want to move.

Element Moves Slowly or Doesn't Register Position Changes

If your layout is tightly packed with many elements, drag slowly and pause occasionally to allow Carrd to register the new position.

Layout Looks Wrong on Mobile or Desktop

After moving an element, preview how your changes look on different screen sizes using the top toolbar preview views.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Carrd website before purchasing.

Visit Carrd View Carrd Pricing