Others

How to Swap or Reorder Tiles in SharePoint Online Hero Web Part

Rana Garcia Oct 1, 2026 869 views

Question details

The user wants to know how to swap or change the display order of tiles within the Hero Web Part on a SharePoint Online page.

How to Swap or Reorder Tiles in the SharePoint Online Hero Web Part

Product: SharePoint Online
Device & OS: not provided
Scenario: Editing a modern SharePoint site page to organize featured content, links, and navigation using the Hero Web Part.
Observed behavior: Users typically drag and drop tiles to reorder them, but the action sometimes fails or becomes unresponsive due to temporary browser caching or backend glitches.

Before you start

Ensure you have the necessary 'Edit' permissions for the SharePoint site page, and save any current draft changes before modifying web part layouts.

Solution 1Recommended

Use the Double-Click Drag and Drop Method

This is the primary method to reorder tiles. Activating the tile first by double-clicking helps bypass common drag-and-drop unresponsiveness.

In modern SharePoint pages, the Hero web part allows you to drag tiles to rearrange them. If clicking and dragging immediately doesn't work, a quick double-click activates the element's movement state.

Enter Edit Mode

Navigate to your SharePoint page and click the 'Edit' button located at the top right corner of the screen.

Activate the Tile

Hover over the Hero Web Part, find the specific tile you want to move, and double-click it. This action highlights the tile for rearrangement.

Drag to Reorder

Immediately after double-clicking, click and hold the tile, then drag it to your desired position within the Hero layout.

Release and Save

Click the tile once more to stop the dragging action and drop it into place. Finally, click 'Republish' or 'Save as draft' at the top of the page to apply the new layout.

Use the Double-Click Drag and Drop Method

Solution 2

Troubleshoot Using Incognito Mode or Manual Settings

Use this workaround if backend issues or persistent browser glitches prevent the standard drag-and-drop feature from functioning.

Free Microsoft Office alternative

Create and Edit Documents Seamlessly with WPS Office

While organizing your SharePoint intranet sites, you often need a reliable office suite to manage your team's documents. WPS Office is a lightweight, free alternative to Microsoft Office that offers familiar interfaces and excellent formatting support, making it simple to create content for your SharePoint libraries.

1. Download WPS Office: Visit the official WPS website to download and install the free WPS Office suite on your device.
2. Create Your Document: Open WPS Office and choose Writer, Spreadsheet, or Presentation to draft your team reports or data sheets.
3. Save and Upload: Save your files in standard Microsoft Office formats and upload them directly to your SharePoint document libraries.

Fully compatible with Microsoft Office formats (.docx, .xlsx, .pptx).Lightweight installation that runs fast on any Windows, Mac, or Linux device.All-in-one suite to seamlessly edit text documents, spreadsheets, presentations, and PDFs.Familiar user interface ensuring zero learning curve for seamless migration.

Frequently Asked Questions

Why can't I drag and drop my SharePoint Hero web part tiles?

This usually happens due to browser caching conflicts or temporary backend glitches in SharePoint Online. You can often bypass this by double-clicking the tile before dragging, or by editing the page in an Incognito/InPrivate browsing window.

Can I change the number of tiles displayed in the Hero web part layout?

Yes. While in page edit mode, click the 'Edit web part' button (pencil icon) on the left side of the entire Hero web part. In the property pane, you can select different layouts ranging from 1 to 5 tiles or choose a layered format.

Is there a way to swap tiles if the drag-and-drop feature is completely broken?

If dragging remains unresponsive across different browsers, the best workaround is to edit each tile manually. Click the 'Edit details' icon on a tile and swap its URL link, background image, and text with the target tile.

Office Quick Solutions