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):
Click the arrow beside the Footer section to reveal the content blocks.
Click one of the Menu blocks to edit the content or use the (+) Add block button.
Click Change to select a different menu to display.
For more information about menus on Shopify, see their Menus and links ↗ article.
Change the Heading to title your links.
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.
(Optional.) Click and hold the drag handles
⋮⋮to rearrange the blocks:
Click Remove block or the eye icon to delete or hide a block.
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
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
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
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
Collapse on mobile
Display the block as an expandable row that reveals the block content when clicked.
Default: Disabled
Related links
Last updated
Was this helpful?