Links block

Display a column of links from one of a Shopify navigation menus ↗. Only top-level links will be displayed.

STEPS

In your theme editor (Customize):

1. Click the arrow beside the Footer section to reveal the content blocks.

2. Click one of the Menu blocks to edit the content or use the (+) Add block button.

3. Click Change to select a different menu to display.

   For more information about menus on Shopify, see their Menus and links ↗ article.

4. Change the Heading to title your links.

5. Use the Desktop width and Desktop padding sliders to adjust the size of the block.

   For best results, make sure all footer block widths add up to 100%. You can also add a Spacer block with an adjustable width to add spacing between blocks.

6. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

   

   Click Remove block or the eye icon to delete or hide a block.

7. Click Save.

Add links block

---

Click the arrow next to the Footer section, then click (+) Add block and select Links. Use the drag-and-drop handles ⋮⋮ to re-order blocks.

Click the Links block to select a menu that you've created in the Shopify admin.

Click Links block to find settings

Setting	Description
Menu	Select a menu of links that you've created in your Shopify admin. Only top-level links are displayed, so dropdown menus will not appear.

Change block layout

---

Use the Desktop width and Desktop padding sliders to adjust the size of the block.

For best results, make sure all footer block widths add up to 100%. You can also add a Spacer block with an adjustable width to add spacing between blocks.

Click Links block to find settings

Setting	Description	Options
Desktop width	Use the slider to increase the width of the footer block on desktop. To keep all columns in a single row, make sure all footer block widths add up to 100%. To display block on its own row, set the desktop width to 100%.	10 - 100%
Desktop padding	Adjust the spacing around the links within the full width of the block.	0 - 20%

Change heading

---

Change the heading text above the links and choose whether to show the heading on desktop.

Click Links block to find settings

Setting	Description	Options
Heading	The title of the links block. Leave the field blank to remove the heading. However, a heading is required when collapsible rows on mobile are enabled.	Default: Links
Show heading on desktop	Choose whether to show the block heading on desktop screens.	Default: Enabled

Display collapsible row on mobile

---

On mobile screens, you can display the links block in a collapsible row, instead of as a column.

Note: A heading is required for the collapsible row.

Click Links block to find settings

Setting	Description	Options
Collapse on mobile	Display the block as an expandable row that reveals the block content when clicked.	Default: Disabled

---

Related links

Footer Newsletter block Text and image block