# Mobile menu

Source: <https://docs.ictsviluppo.example/dossier/sections/a-mobile-menu/>

The Mobile menu is the panel that slides in from the side when customers tap the menu button in the [Header](https://docs.ictsviluppo.example/dossier/sections/h-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.

## Keep the menu button working

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.

## Change the menu

The menu is the same as in the header: choose it in [Theme settings](https://docs.ictsviluppo.example/dossier/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.

## Change the logo

The logo at the top of the panel is the one from [Theme settings](https://docs.ictsviluppo.example/dossier/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.

## Let customers change country or language

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](https://docs.ictsviluppo.example/dossier/sections/f-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.

## Show the account link

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.

## Change the colors

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

## Settings

| Setting | Type | Default | Options |
| - | - | - | - |
| **Logo** | | | |
| **Logo width** | Slider | 100px | 40px–200px, step 5 |
| **Store name size** — Applies when you don't upload a logo. | Drop-down | Medium | Small, Medium, Large |
| **Navigation** | | | |
| **Text case** | Drop-down | Uppercase | 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. | Checkbox | On | — |
| **Show language selector** — Shows when your store has more than one language. To add a language, go to your language settings. | Checkbox | On | — |
| **Colors** | | | |
| **Color scheme** | Color scheme | scheme-1 | — |
