Why is my mobile menu different from the desktop menu?
Why the Volume mobile menu can show different links from the desktop header, and where to edit each one.
Because they are two different sections.
The desktop navigation lives in the Header section. The mobile navigation is the Menu drawer, a separate section that sits in the Overlay group at the bottom of the section list — next to Cart drawer and Popup, not underneath the header.
That means the drawer has its own Menu setting. If you edited the header's menu and nothing changed on a phone, you edited the wrong one.
Set its menu
Change Menu to the same menu the header uses — or to a different one, if you deliberately want a shorter list on mobile.
Heading above it is the title shown at the top of the drawer, and Position puts the drawer on the Left or the Right. If you use Smart Category Menu on desktop, tick Smart Category Menu here as well — the drawer does not inherit it from the header.
Add the extras
The drawer takes its own blocks: Secondary menu, Buttons, Account, Localization, Store selector, Social media, Text, Context image, Banner slideshow, Menu item image, Nested menu, Custom Liquid, Empty space and Line. None of them are inherited from the header, so add whatever your mobile visitors need.
Pinned block decides which one stays fixed at the bottom of the drawer: None, Country and language, Buttons, Account, Context image or Store selector.
Other things that differ on mobile
There is no separate mobile header section — the Mobile layout group inside the Header section is where that lives. Header layout there offers Logo left, burger menu left, Logo left, burger menu right and Logo center, burger menu left, and Enable search field puts a search field into the mobile header. The mobile spacing settings are in the same section.
On desktop the burger is optional: Header → Burger menu → Show burger, with Burger to render it as Icon, Icon with text or Text. Hide burger on mobile hides it on small screens, where it is on by default.
The language and country switchers exist in several independent places — the Header section, the Announcement bar, the drawer's Localization block, and the footer sections. Switching one on does not switch on the others. If the country picker is missing only on mobile, add the drawer's Localization block.
Was this helpful?
