Arrange your social media icons

After adding the Social Icons block, you can customize how your icons are displayed. In this guide, you will learn how to reorder your icons and change how they appear on your site.

Change the order in which your icons display by following these steps:

1. Click a social icon in your Social Icons block.
2. Drag the icon to move it to a new position, or use the arrows in the block toolbar to move the icon left or right.
3. Click “Save“ or “Publish” in the top-right to apply your changes.

Display your icons stacked on top of each other by following these steps:

1. Click List View in the top-left corner of the editor.
2. Select the Social Icons block in the list.
3. In the block settings sidebar, click the Styles tab (the icon looks like a black and white circle).
4. Under Layout, locate the “Orientation” setting.
5. Select “Vertical” to stack your icons in a vertical line.

Change the spacing between each social icon by following these steps:

1. Click List View in the top-left corner of the editor.
2. Select the Social Icons block in the list.
3. In the block settings sidebar, click the Styles tab.
4. Under Dimensions, adjust the margin and block spacing.

Change the alignment of how your icons appear on your site by following these steps:

1. Click List View in the top-left corner of the editor.
2. Select the Social Icons block in the list.
3. In the block settings sidebar, locate the Justification setting.
   • Justify items left to position icons at the left edge.
   • Justify items center to center icons horizontally.
   • Justify items right to position icons at the right edge.
   • Space between items to position icons equally distant from each other.