Change the menu on phones

On phones and tablets your menu folds into a small icon, usually three lines, that opens the full list when tapped. You can change that icon, the links inside it and how it looks.

Before you start

Switch the editor to the phone view, so you edit what phone visitors see. Use the screen size buttons in the top toolbar. See Check how your site looks on a phone.

Change the icon

1. Log in to your site editor and switch to the phone view.
2. Click the menu icon in your header.
3. In the floating menu, click Manage Icon.
4. Click Choose Icon, then pick one from the list. Or click + Upload to use your own.
5. Publish. If you don't see a Publish button, tell us and we'll publish it for you.

Change the links inside the menu

1. Click the menu icon, then choose Open Menu from the floating menu.
2. Click the links in the opened menu.
3. In the floating menu, click Manage Links. For how menu links work, see Change the links in your menu.
4. Choose Close Menu when you're done.

Change how it looks

With the menu icon selected, click Edit Design. There you can change how the icon is sized, positioned and aligned, along with its spacing, animation and overall style. The X that closes the menu can be styled too.

Good to know

• You can have more than one menu icon on a page, but they all open the same menu. Keep at least one, or phone visitors have no way to open it.
• Want the three-line style on computers too? That changes your header layout and can reset some customizations. Ask us before you try it.

Need a hand?

Email hello@zossoz.com with your business name and what you'd like changed in the phone menu, and we'll take care of it. We reply within one business day. See Request a change.