Wix Editor: Changing the Layout of Your Mobile Menu

Menus that you have added to your desktop site are automatically added to your mobile site.

You can adjust the size of the menu to suit smaller screen sizes, as well as the alignment of the text to fit your mobile site's layout.

---

Adjusting the size of your mobile menu

Make the menu larger or smaller to fit your site, and make sure it looks good on mobile devices.

You can change the size of the menu icon, the container that shows your menu and the menu element itself.

To change the size of your mobile menu:

1. Click the menu icon in the mobile editor.

2. Choose what you want to do:

Resize the menu icon

Click and drag the resize handles to increase or decrease the size of the menu.

Resize the menu element

1. Click Edit Menu.

2. Click the menu text.

3. Click and drag the resize handles to increase or decrease the size of the menu.

Resize the menu's container

The menu's container can either open as full screen or to the left or right of the screen. If you choose to position the menu on the left or right, you can resize it using the drag handles.

1. Click Edit Menu.

2. Click a blank space on the container to select it.

3. Click the Layout icon

   

   .

4. Decide where to position the menu's container:

   • Left: The menu container is opened to the left of the screen.

   • Right: The menu container is opened to the right of the screen.

5. Use the container's drag handle to resize it.

   

---

Changing your menu alignment

Change the alignment of both the item text, and the submenu arrows on your mobile site.

To change the alignment of your mobile menu:

1. Click the mobile menu in the mobile editor.

2. Click Edit Menu.

3. Click the menu text.

4. Click the Layout icon

   

   .

5. Choose what you want to do:

Change the alignment of the menu text

Select an alignment under How's text aligned?:

• Left: The menu items are aligned to the left.

• Center: The menu items are aligned to the center.

• Right: The menu items are aligned to the right.

Change the alignment of submenu arrows

Choose an alignment under How's the submenu arrow aligned?:

• Left: The arrow is displayed to the left of the item text.

• Right: The arrow is displayed to the right of the item text.

What's next?

Customize your mobile menu's design to suit your site and encourage your visitors to explore.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!