fueko home fueko home

Navigation

Ghost has two navigation areas: Primary navigation for the header and Secondary navigation for the footer.

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.
  3. Click 'Save' to activate.
Tip: How to add a dropdown menu to the 'Primary' navigation
  1. Add a new item to the 'Primary' navigation.
  2. Enter the item name (this will serve as the dropdown name).
  3. Set the URL to start:/ – this begins the dropdown.
  4. Add another item (any name) and set the URL to end:/ – this will always be the closing element of the dropdown.
  5. Place all navigation items that should appear inside the dropdown between the start:/ and end:/ items.
  6. Click 'Save' to activate.
| Label              | URL                          |
|--------------------|------------------------------|
| Dropdown name      | start:/                      |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Dropdown end       | end:/                        |
...
Example: basic dropdown structure with the start:/ and end:/
Tip: Description of available options in 'Primary' navigation

To create a dropdown that starts with a special section, use one of the following markers:

start--tag:/ – starts the dropdown from a tag
start--author:/ – starts the dropdown from an author
start--post:/ – starts the dropdown from a post
start--page:/ – starts the dropdown from a page

After the chosen marker, you must add the slug of the tag, author, post or page, for example:

start--tag:design/
start--author:breana/ 
start--post:we-are-stronger-as-a-group-than-an-individual/ 
start--page:membership/

Example usage:

| Label              | URL                          |
|--------------------|------------------------------|
| Dropdown name      | start--tag:design/           |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Dropdown end       | end:/                        |
| Dropdown name      | start--author:breana/        |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Dropdown end       | end:/                        |
...
Example: dropdown structure for start--tag:/ and start--author:/
Special sections are only displayed in the desktop view and are skipped on mobile. They should be treated as optional enhancements rather than a permanent part of your navigation structure.
Tip: How to divide the footer navigation into columns with custom names
  1. Add a new item to the 'Secondary' navigation.
  2. Enter the item name (this will serve as the column name).
  3. Set the URL to column:/ – this marks the beginning of a new column.
  4. Place the links you want inside this column directly under the column item.
  5. Click 'Save' to activate.
| Label              | URL                          |
|--------------------|------------------------------|
| Column name        | column:/                     |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Column name        | column:/                     |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
| Item               | https://yoursite/item        |
...
Example: basic dropdown structure with the column:/
In the 'Secondary' navigation there is no need to use end:/ – each new column:/ item automatically starts a new column.