Changing the Top Menu
TM

Team Members

Created Jul 08, 2024

Changing the Top Menu

24
    a

In the website editor

11 Steps
1

Click on the Menu

Click on the Menu
2

Change the background colour here. If it is checkered like the image, it is set as transparent.

Change the background colour here. If it is checkered like the image, it is set as transparent.
3

Choose a colour

Choose a colour
4

the menu colour should change

the menu colour should change
5

Click on the mobile icon

Click on the mobile icon
6

Click on General

Click on General
7

Click on the hamburger icon

Click on the hamburger icon
8

Check the mobile menu colour

Check the mobile menu colour
9

Change it here

Change it here
10

Click on a new colour

Click on a new colour
11

Changed

Double check that both desktop AND mobile menus are correct.

Changed

#

Adding and Removing Menu Items

17 Steps
12

Click on the menu

Click on the menu
13

Hold down the left button on this icon to drag the menu items to different places.

If you place the menu item slightly down and to the right, it will make make a submenu

Hold down the left button on this icon to drag the menu items to different places.
14

Submenu example. You can add many items in here.

Submenu example. You can add many items in here.
15

Click on the edit icon next to each item

Click on the edit icon next to each item
16

Change the page name here

Change the page name here
17

Option 1. Select Go to website Url

Option 1.  Select Go to website Url
18

Type the URL you would like it link to here

Type the URL you would like it link to here
19

Click on Submit

Click on Submit
20

Option 2 - Select Go to Page

Option 2 - Select Go to Page
21

Select the page you wish to link to

Select the page you wish to link to
22

Click on Submit

Click on Submit
23

You can change the font colours in "colour options"

You can change the font colours in "colour options"
24

Click on the new colour

Click on the new colour
25

To change the logo, click on the image icon

To change the logo, click on the image icon
26

Double-click on the image you want to use. You can resize and add an ALT description here too.

Double-click on the image you want to use. You can resize and add an ALT description here too.
27

You can add an image action here to

You can add an image action here to
28

Save, or Publish to go live

Save, or Publish to go live
Well done!
Create how-to guides like this in a snap. Get Tango now.