Navigation
Ghost has two navigation areas: Primary navigation for the header and Secondary navigation for the footer.
Step-by-Step- Go to the 'Navigation' settings in the Ghost Admin.
- 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.
- Click 'Save' to activate.
- Add a new item to the 'Primary' navigation.
- Enter the item name (this will serve as the dropdown name).
- Set the URL to
start:/– this begins the dropdown. - Add another item (any name) and set the URL to
end:/– this will always be the closing element of the dropdown. - Place all navigation items that should appear inside the dropdown between the
start:/andend:/items. - Click 'Save' to activate.
| Label | URL |
|--------------------|------------------------------|
| Dropdown name | start:/ |
| Item | https://yoursite/item |
| Item | https://yoursite/item |
| Item | https://yoursite/item |
| Dropdown end | end:/ |
...
start:/ and end:/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:/ |
...
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
- Add a new item to the 'Secondary' navigation.
- Enter the item name (this will serve as the column name).
- Set the URL to
column:/– this marks the beginning of a new column. - Place the links you want inside this column directly under the column item.
- 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 |
...
column:/In the 'Secondary' navigation there is no need to useend:/– each newcolumn:/item automatically starts a new column.
Type at least 2 characters to search