Menu block
Updated today
The Menu block displays links from a Shopify menu as a list, with an optional heading. It is commonly used in the footer, where the Pops theme ships Products, About us, and Legals menu columns built from this block.
Settings
The block's settings are set in the theme editor.
Setting | Description | Default |
|---|---|---|
Enable color scheme | Turns on the block's color scheme. The Color scheme selector shows only when this is on. | Off |
Color scheme | The color scheme applied to the block. | Scheme 1 |
Heading | The heading above the links. When left blank, no heading renders. | Quick links |
Heading size | The visual size of the heading, from XX-Large down to Body. It is independent of the HTML tag. | Small |
Heading level | The semantic heading tag used for the heading, Heading 1 to Heading 6. It is independent of the visual size and matters for SEO and accessibility. | Heading 2 |
Visually hide heading | Hides the heading on screen while keeping it readable by screen readers. | Off |
Use body font family | Styles the heading with the body font instead of the heading font. Only available when Heading size is not Body. | Off |
Remove heading shadow | Removes the heading's shadow. Only available when Heading size is not Body. | Off |
Menu | The Shopify menu whose links the block displays. When no menu is selected, no list renders. | Footer |
Gap (Mobile) / Gap (Desktop) | Vertical space between the links, in REM, from 0 to 34. | 2 |
Content alignment on desktop / on mobile | Horizontal alignment of the links. | Left |
Margin top (Desktop) / (Mobile) | Space above the block, from 0 to 34. | 0 |
Hide block on desktop / on mobile | Hides the block on the chosen device. | Off |