Metonia Docs

Header and navigation

Menus, mega menus, the transparent and sticky header, search and the country and language selectors.

Announcement bar

The Announcement bar sits above the header. Add a short message such as a shipping promise. Colors are in Theme settings → Colors → Announcement bar, and the text size in Theme settings → Typography → Announcement bar.

In the Header section, pick your Menu (menus are created in Content → Menus). Menu items with child links open a dropdown; child links can have their own children for a second level.

Mega menu

Add a Mega menu block to the Header to show an image panel for one top-level item:

Setting What it does
Menu item The exact title of the top-level menu item that opens this mega menu.
Desktop image The image shown in the panel.
Heading and Link Caption and destination shown over the image.

On phones, the same menu becomes a drawer with expandable groups.

Transparent header

Turn on Transparent over the homepage hero to let the header float over the homepage slideshow. It becomes solid once the slideshow scrolls away. Set Transparent text and icons to a light color and, if your logo is dark, upload a Logo while transparent.

Keep the header visible while scrolling pins the header to the top of the page.

Account icon

Show account icon on mobile is off by default; the account link always stays inside the mobile menu. The Customer account menu setting chooses the menu shown in the account pop-up.

The search icon opens a drawer with predictive results as customers type. In the Search drawer section you can set Quick links (a menu shown before typing) and a Trending collection.

Country and language selectors

Turn on Country / region selector and Language selector in the Header and/or Footer. They only appear when your store sells in more than one market or language (Settings → Markets and Settings → Languages). In the header they show on screens 1200px and wider. Below 1200px the header switches to the compact layout (menu button, logo, search and cart), and the menu, account link and selectors move into the menu drawer.

The Footer section sits at the bottom of every page. Open it from the footer area in the theme editor.

Setting What it does
Logo An optional logo for the footer. If empty, your store name is shown.
Tagline A short line under the logo.
Show payment icons Shows the payment methods your store accepts.
Country / region selector and Language selector Let customers switch market or language, when you sell in more than one.

Add Footer menu blocks for columns of links (each has a Heading and a Menu) and a Newsletter block with a Heading, Text and an email sign-up form.

Social media icons

Icons for your social profiles appear in the footer. Add your profile links in Theme settings → Social media (Instagram, Facebook, Pinterest, TikTok, YouTube, X, Threads, Snapchat, Tumblr and Vimeo). Only the profiles you fill in are shown.