fueko home fueko home

Navigation

Manage header and footer navigation, including theme-specific item limits and footer column structure.

Step-by-Step
  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.
Tip: How to change the number of header items before the dots menu (Requires theme editing)
  1. You’ll need to open the theme’s ../partials/navigation.hbs file 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 your navigation.hbs file in ../partials/ folder.
Tip: How to add custom column names in the footer navigation (Requires theme editing)
  1. To add custom column names, open the theme’s ../locales/en.json file in your code editor.
  2. Then add the translations, for example:
{
    "Column 1": "About",
    "Column 2": "Features",
    "Column 3": "Support",
    ...
}
  1. Save your en.json file in ../locales/ folder.
Tip: How to change the number of items in each footer column (Requires theme editing)
  1. You’ll need to open the theme’s ../partials/navigation.hbs file in your code editor.
  2. In the middle of the page, open the 'Footer navigation' section.
  3. The columns have a limit and from parameter, that needs to be changed. 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 from="11"}}
...

Another example: change the limit to 6 only for the second column:

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

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

{{#foreach navigation from="11"}}
...
  1. Save your navigation.hbs file in ../partials/ folder.