Links block

Footer

In the footer, show menu links from one of your Shopify navigation menus ↗.

Three links blocks in the footer

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 block to start adding content.

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 width


Change the block width to adjust the layout with other footer 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% Default: 20%

Mobile width

Set the width of the footer block on mobile. Set the width to `100%` to avoid line breaks in link names.

50% Default 100%


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

Click Links block to find settings

Setting
Description
Options

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.

Default: Footer menu

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

Collapsible row on mobile

Display the block as an expandable row that reveals the block content when clicked.

Default: Disabled

Last updated

Was this helpful?