Customize navigation

The menu on your space's site is itself a page. Create one with the path /nav and its content becomes the menu: you choose the entries, their order, their labels and their icons, and the standard menu is replaced by yours.

Creating the page needs permission to change content.

Create the navigation page

1. Open Content → Pages in the console and press Add page.

2. Give it any Title — it is not displayed. "Navigation" does the job.

3. Set the Path to /nav.

4. Write the content as one or more lists of links, in Markdown, as described below.

5. Save.

Once the page exists it replaces the site's own menu. Delete the page to go back to the standard one.

What the content has to be

The page is read as an ordinary document. Every list item that contains a link becomes a menu entry, using the link's target and the item's text, and formatting inside the item is ignored. The content may hold more than one list, and each list becomes its own group of entries.

- [Item 1](/item1)
- [Item 2](/item2)
- [Item 3](/item3)

Link targets may be one of the standard site sections, another of your pages, or an external address:

Icons

Each entry gets an icon chosen automatically, and you can name one instead by writing it between colons before the label:

- [:star: Sponsors](/sponsors)

An image in the list item is used instead of an icon, which is how sponsor logos get into a menu. SVG works best.

- ![](https://eolympusercontent.com/files/…svg)
   [Sponsor](https://www.eolymp.com)

A complete example

- [Home](/)
- [Details](/details)
- [Schedule](/schedule)
- [Contests](/contests)
- [Information](/info)
- [:star: Sponsors](/sponsors)
- [:envelope: Contact](/contact)
---
- ![icon](https://eolympusercontent.com/files/gs6cbhthn147p4k3autqrmte1g.svg)
   [Sponsor 1](https://www.eolymp.com)
- ![icon](https://eolympusercontent.com/files/8motuot3ph461dndv67jl4q9kk.svg)
   [Sponsor 2](https://www.eolymp.com)

Fig 1. The menu that content produces on the space's site.