Header and footer: Datum docs

Header settings

In the theme editor, click Header at the top of any page.

Setting	What it does
Color scheme	The colors of the header bar.
Menu dropdown color scheme	The colors of the dropdown menus.
Menu	The main menu. Default: Main menu.
Show product counts in dropdowns	Shows the number of products next to each collection link in dropdowns.
Customer account menu	Links shown in the account menu. Leave it empty to use the default.
Show My garage	Shows the My garage button. Requires vehicle fitment to be enabled in theme settings, and a vehicle list menu.
Sticky header	See below.

The header also has the search field. See Collections and search. The account link shows when customer accounts are on in your store.

Sticky header

Option	What it does
Off	The header scrolls away with the page.
Always	The header always stays at the top of the screen.
On scroll up	On phones, the header hides while shoppers scroll down and shows again when they scroll up. On desktop, it shrinks to one row. This is the default.

Build the main menu and mega menu

The header menu shows dropdowns for any menu item that has items under it.

Two levels (for example Brakes > Brake pads): the dropdown shows a simple list.
Three levels (for example Brakes > Pads and rotors > Brake pads): the dropdown becomes a mega menu with a column for each second-level item.

Every dropdown ends with a link to the top-level item, for example “Shop all Brakes”.

In your Shopify admin, open your menus and edit Main menu.
Add your top-level items, then drag items under them to nest them.
Save the menu.

Add a promotion to a mega menu

A Menu promotion block adds an image card to one dropdown.

In the Header section, click Add block and choose Menu promotion.
In Menu item, type the title of the main menu item whose dropdown shows this promotion, for example Brakes. It must match the menu item's title.
Add an Image (720 x 405px recommended), Eyebrow, Heading, Button label and Link.
Choose a Color scheme and save.

If you leave Link empty, the card links to the menu item.

Add an announcement bar

Datum does not have a separate announcement bar. Use the Ticker band section instead: in the theme editor, click Add section in the header area and choose Ticker band. See Sections for its settings.

Footer

The footer area has two sections by default: Newsletter and Footer.

Setting	What it does
Color scheme	The colors of the footer.
Show country and language selectors	Each selector shows when your store sells to more than one country or in more than one language.
Show payment icons	Shows the payment methods your store accepts.
Show policy links	Links to your store policies.
Show Powered by Shopify	Shows the Powered by Shopify link.

Footer blocks (up to 8):

Block	What it does
Brand information (1)	Show logo, Text, Contact details and Show social media icons. Add social links in Theme settings > Social media.
Menu	A Heading and a Menu.
Text	A Heading and Text, for example store hours.
App blocks	Blocks from your installed apps.

An email signup form. New signups are added to your Shopify customers with the tag newsletter.

Setting	What it does
Heading, Text	Your message.
Button label	Default: Subscribe.
Show Follow on Shop	Lets shoppers follow your store in the Shop app. Shop Pay must be enabled.
Color scheme, Top padding, Bottom padding	Colors and spacing.

Countries, languages and currencies

The country and language selectors are in the footer. They show automatically when you sell in more than one country or language. Set up countries and currencies in Settings > Markets, and languages in Settings > Languages.

To show currency codes next to prices, for example $10.00 USD, turn on Theme settings > Currency format > Show currency codes.