Navigation

Organize the main links readers use to move around your site. Primary navigation controls the header menu, while Secondary navigation is used for footer links and supporting destinations.

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, use this structure to show four items in each column:

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

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

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

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 from="12"}}
...

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