Menus

Menus are made in Online Store › Navigation and picked in the theme editor. Datum uses them for the navigation, the footer, collection links, editorial images and the help bar.

The navigation

The header's Menu button opens the navigation drawer. Pick its menus in the Header section:

• Main menu is the first menu, Main menu by default.
• Menu 2 to Menu 5 add up to four more groups under it, each under its menu's title. A menu picked twice shows once. Show menu titles hides the titles.
• Account menu sets the links shown for signed-in customers.

All three of Shopify's menu levels open as their own panels. Each panel ends with "View all", which leads to its parent item's link, so give each parent item a link to the page that shows all of its children.

Collection pictures in the navigation

With Header › Show collection images on, the collections in a panel show as pictures two across under its list. Give each collection an image in Products › Collections; a collection without one shows its first product's picture. Image shape sets their crop (4:5 by default).

Large panels on desktop

Header › Navigation on desktop › Links, with large panels shows the main menu's top items as links in the header from 1024px wide, each opening a panel of its nested items.

To add a picture with a heading to a panel, add a Navigation promotion block to the header and type, in Under the menu item, the item's title exactly as it is in the menu. On smaller screens the same promotion shows at the foot of that item's panel in the drawer.

Footer menus

The Footer takes up to four Footer menu blocks, each a menu with an optional heading (the menu's title by default). On desktop each is a column; on phones they stack as collapsibles, the first open (Open the first menu on phones).

Other menus the theme reads