Skip to content

Mobile menu

The Mobile menu is the panel that slides in from the side when customers tap the menu button in the Header. It holds your logo, the main menu, a link to the customer account and the country and language selectors. It opens on phones and tablets, and on computers too when the header’s Main menu type is Drawer. It lives in the Sidebars group of the theme editor.

The header’s menu button opens this section. If you remove the section from the Sidebars group, the button opens nothing and phone customers can’t reach your menu, so keep it there.

The menu is the same as in the header: choose it in Theme settings > Navigation > Main menu, and edit its links in your Shopify admin under Content > Menus. The mobile menu shows up to three levels. An item with children opens in place to show them, and each submenu starts with a “View all” link to the item’s own page. The item of the page customers are on is marked for screen readers.

Text case shows the menu items in uppercase or as you wrote them.

The logo at the top of the panel is the one from Theme settings > Logo and favicon, as in the header. Its size is a setting of this section, not of the header: set it with Logo width, or with Store name size when you haven’t uploaded a logo and the store name shows as text.

The header doesn’t show the country and language selectors on phones and tablets: there, customers find them in this panel and at the bottom of the Footer. Keep Show country/region selector and Show language selector turned on so they are close at hand. Each one appears only when your store sells in more than one country or region, or has more than one language.

The panel has a link to the customer account when customer accounts are turned on in your Shopify admin, under Settings > Customer accounts: it leads to the sign-in page, or to the account page for customers who have signed in.

Color scheme colors the panel. The rest of the page is dimmed behind it while the menu is open.

Settings: Mobile menu
SettingTypeDefaultOptions
Logo
Logo widthSlider100px40px–200px, step 5
Store name size

Applies when you don't upload a logo.

Drop-downMedium
  • Small
  • Medium
  • Large
Navigation
Text caseDrop-downUppercase
  • Uppercase
  • Regular
Country/region and language
Show country/region selector

Shows when you sell in more than one country/region. To add a country/region, go to your market settings.

CheckboxOn—
Show language selector

Shows when your store has more than one language. To add a language, go to your language settings.

CheckboxOn—
Colors
Color schemeColor schemescheme-1—

Theme and guide by ICT Sviluppo