Helping site owners learn WordPress since 2012 · (844) WP-TUTOR
Block Editor

Moving a Block in Gutenberg

Two easy ways to move a block in the WordPress Gutenberg editor: use the up and down arrows beside the block, or drag and drop it into a new position.

WT
WP Tutoring TeamWordPress Instructors
Updated Mar 8, 2021
1 min read
Table of contents

Step 1

First hover your cursor over the block you would like to move. When you hover a block, you will see arrows on the left side of the block. The arrows will allow you to adjust your blocks (clicking the up arrow will move it up by one space, click the down arrow twice will move the block down by two spaces).

Step 2

You can also move you block by dragging it and dropping it to your desired location. First hover your cursor over the block you would like to move. When you hover it, your cursor will appear as an open hand icon. Click and hold on the block and place where you would like it to go. While your holding the block you should also see a blue line. The blue line represents where the block will be placed after you let go of the mouse. The blue line will move as you move up or down the page within the Gutenberg editor.

Step 2 cont.

WT

WP Tutoring Team

WordPress Instructors

We’ve been teaching WordPress to individuals and businesses since 2013 — through step-by-step tutorials and 1-on-1 tutoring sessions.

Leave a comment

Comments are reviewed before they appear.

Get our free WordPress starter guide

Join thousands of site owners and get step-by-step WordPress tutorials in your inbox, plus printable cheat sheets.

Beginner-friendly, no jargon
Printable cheat sheets & checklists
Unsubscribe anytime

Request your session

We’ll reply quickly — usually the same business day.

By using this form you agree with the storage and handling of your data by this site.