Changing the Top Menu

In the website editor

  1. 1. Click on the Menu

    Click on the Menu
  2. 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. 3. Choose a colour

    Choose a colour
  4. 4. the menu colour should change

    the menu colour should change
  5. 5. Click on the mobile icon

    Click on the mobile icon
  6. 6. Click on General

    Click on General
  7. 7. Click on the hamburger icon

    Click on the hamburger icon
  8. 8. Check the mobile menu colour

    Check the mobile menu colour
  9. 9. Change it here

    Change it here
  10. 10. Click on a new colour

    Click on a new colour
  11. 11. Changed

    Double check that both desktop AND mobile menus are correct.

    Changed

Adding and Removing Menu Items

  1. 12. Click on the menu

    Click on the menu
  2. 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.
  3. 14. Submenu example. You can add many items in here.

    Submenu example. You can add many items in here.
  4. 15. Click on the edit icon next to each item

    Click on the edit icon next to each item
  5. 16. Change the page name here

    Change the page name here
  6. 17. Option 1. Select Go to website Url

    Option 1. Select Go to website Url
  7. 18. Type the URL you would like it link to here

    Type the URL you would like it link to here
  8. 19. Click on Submit

    Click on Submit
  9. 20. Option 2 - Select Go to Page

    Option 2 - Select Go to Page
  10. 21. Select the page you wish to link to

    Select the page you wish to link to
  11. 22. Click on Submit

    Click on Submit
  12. 23. You can change the font colours in "colour options"

    You can change the font colours in "colour options"
  13. 24. Click on the new colour

    Click on the new colour
  14. 25. To change the logo, click on the image icon

    To change the logo, click on the image icon
  15. 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.
  16. 27. You can add an image action here to

    You can add an image action here to
  17. 28. Save, or Publish to go live

    Save, or Publish to go live