---
title: Navigation
description: The storefront navigation system - desktop and mobile menus, search, cart access, and optional Shopify-managed links.
type: guide
---

# Navigation



The storefront provides desktop and mobile navigation, predictive search, and cart access. Links are static by default. Use [`/vercel-shop:enable-shopify-menus`](/docs/skills/enable-shopify-menus) when merchants need to manage them in Shopify.

## Help shoppers move through the store

On desktop, a sticky header shows the logo, primary links, search, and cart. On mobile, primary links move into a menu while search and cart remain in the header. The mobile menu closes after a shopper selects a link.

Search opens as a dialog. It shows suggestions and matching products as the shopper types, links directly to products, and offers a full results page. It closes after navigation, Escape, or an outside click.

The cart badge shows the current item count and opens the cart.

## Choose how links are managed

The default storefront includes a single Shop link. This is suitable for a small catalog or a navigation structure managed in code.

Use the [`enable-shopify-menus`](/docs/skills/enable-shopify-menus) skill to let merchants manage desktop links, mobile links, and footer columns through Shopify Navigation. Menus can contain up to three levels.

An optional mobile bottom bar appears only when you add an action, such as an agent button.

## What’s next

Common additions include Shopify-managed menus, a customer-account link, promotional bars, and richer desktop navigation for large catalogs. Keep search and cart access easy to reach on every screen size.


---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/llms.txt](/llms.txt)

For agent-facing discovery, including API and MCP surfaces, see [/agents.md](/agents.md)