Header & Menu Styles

Configure the Volume header: choose from six desktop layouts, four menu styles (burger, single, two menus, smart category), and enable sticky header behavior.

In this section, you'll find information about different types of navigation and how to configure them in the Header, Menu Drawer, and other sections.

To configure navigation in your store, you need to create and manage menus. You can do this in your Shopify admin panel by going to Content → Menus. For detailed instructions on managing menus, refer to the Shopify manual.

---

Header

Learn how to customize the header and tailor it to your business needs.

Logo

Upload your store's logo and adjust its size and alignment within the header.

Ensure that the uploaded logo file is cropped properly, meaning it does not contain extra space around it. Otherwise, the logo may appear too small.

If you're using an overlap header, add an Overlap logo — it's typically white on a darkened background.

Alternatively, enter your store name if you are using a text-based logo. If no logo is uploaded, your store name will be displayed in the header by default.

Desktop Header Layout

The Volume theme includes six desktop header layouts:

Logo left, menu left

The burger menu is enabled (Position: Left), and the search is displayed as a field.

Logo left, menu center

The burger menu is enabled (Position: Left), and the search is displayed as a field.

Logo left, wide search

The burger menu is enabled (Position: Left), and the search is displayed as a field.

Logo center, menu left

The burger menu is enabled (Position: Left), and the search is displayed as a field.

Logo center, menu split

The burger menu is enabled (Position: Left), and the search is displayed as a field.

Logo center, search left

The burger menu is enabled (Position: Left), and the search is displayed as a field.

The configuration for the Mobile Header is described below.

Sticky Header

Choose between two types of sticky headers or disable the sticky behavior entirely.

---

Menu Styles

The Volume theme offers multiple menu configurations:

Burger Menu

A simple approach where the navigation is entirely inside the Menu Drawer. Clicking the burger menu icon opens the drawer.

Menu and Bottom bar have no menus selected, but the Burger menu is enabled.

Refer to the section below for Menu Drawer setup instructions.

Single Menu

A common setup where a single menu is used, with a Shop dropdown containing product categories.

To set this up, select a pre-configured menu from the corresponding menu selector in the theme settings.

Menu with nested items has been added, along with a Mega menu block.

Refer to the Mega Menu article for setup instructions.

Two Menus

• Assign the Secondary menu in the Menu selector.
• Select a different catalog menu in the Bottom Bar settings.

The Menu displays a menu with secondary items, while the Bottom menu shows the catalog.

Smart Category Menu (Top-Level Category Navigation)

If your store has 2–4 top-level categories (e.g., gender/audience-based: Men / Women / Kids or department-based: Clothing / Shoes / Bags), the Smart Category Menu feature can significantly enhance the UX.

1. Have kind of separate Home pages for each top-level category — each with its own relevant sections. With a dynamic bottom menu based on which top-level category item the user selects.
2. Add a third nested menu level in addition to Shopify's standard two levels.
3. Display the top-level category as part of the breadcrumb path to make it easier to navigate back to broader categories without confusion.
4. Optionally, build a minimalist homepage that directs users to one of the top-level categories.

The Use as parent menu checkbox is enabled, while the Bottom bar has no menu selected.

See Smart Category Menu for the full setup guide.