Navigation

Manage Reiro’s header and footer navigation from Ghost Admin, including the main header links, the dots menu that appears after the visible header items, and the automatically grouped footer columns. More advanced limits and custom column labels require small theme-file edits.

1. Go to the 'Navigation' settings in the Ghost Admin.
2. Add, remove, and reorder navigation items as needed. Use the trash icon to remove an item, type into an empty row to add a new one, and drag items from the left icon to change their order. In Secondary navigation, footer columns are created automatically after several items.
3. After adding your items, click 'OK' to update the navigation on your site.

1. Open ../partials/navigation.hbs in your code editor.
2. At the top, open the 'Header navigation' section.
3. Replace the current to="3" and from="4" values, for example with to="4" and from="5".
4. Save navigation.hbs in the ../partials/ folder.

1. Open ../locales/en.json in your code editor.
2. Add your custom column labels, for example:

{
    "Column 1": "About",
    "Column 2": "Features",
    "Column 3": "Support",
    ...
}

1. Save en.json in the ../locales/ folder.

1. Open ../partials/navigation.hbs in your code editor.
2. In the middle of the page, open the 'Footer navigation' section.
3. Footer columns use limit and from parameters. For example, to change the number of items to 5 for each column:

{{#foreach navigation limit="5"}}
...

{{#foreach navigation limit="5" from="6"}}
...

{{#foreach navigation limit="5" from="11"}}
...

{{#foreach navigation limit="5" from="16"}}
...

{{#foreach navigation from="21"}}
...

You can also use a different number of items for one column. For example, to show six items in the second column:

{{#foreach navigation limit="5"}}
...

{{#foreach navigation limit="6" from="6"}}
...

{{#foreach navigation limit="5" from="12"}}
...

{{#foreach navigation limit="5" from="17"}}
...

{{#foreach navigation from="22"}}
...

1. Save navigation.hbs in the ../partials/ folder.