Navigation
Customize your website's primary header menu and secondary footer links to enhance user navigation.
This theme offers advanced native multi-level navigation for your header, and comprehensive footer linking options through Ghost's built-in Navigation settings.
Choose your layout
Want a horizontal top bar instead of the left sidebar? See Navigation Style to switch between layouts.
Primary Navigation
The Primary Navigation manages the main menu that appears in your website's header.
Open Navigation settings
Navigate to the Navigation settings in Ghost Admin.
Locate Primary tab
Locate the Primary tab on the left-hand side of the interface.
Add labels and URLs
Add the labels and internal/external URLs for your main pages.
The theme will automatically indicate external links with a small arrow.
Save
Click the Save button to apply your modifications.
Multi-level Dropdowns (Built-in)
By default, this theme supports a dynamic drop-down menu in the primary header navigation that can elegantly display a second level of items.
Zero Configuration Required
You can effortlessly create a sub-menu under any main menu item strictly using Ghost's native navigation editor. This feature is built-in and does not require any code injections or additional configuration!
Primary Navigation Option
Primary Navigation Preview
Secondary Navigation
The Secondary Navigation option lets you customize the menu items that appear in your website's footer. You can organize links into multiple columns by using # prefixed labels as group headers.
Basic Usage
If you simply add links without any # headers, all items will appear in a single Quick Links column in the footer.
Open Navigation settings
Navigate to the Navigation settings in Ghost Admin.
Click Secondary tab
Click over to the Secondary tab.
Add footer links
Add your footer links (such as Privacy Policy, Terms, or Socials).
Save
Click Save to apply your changes.
Grouped Columns
To split your footer links into multiple columns, prefix a navigation label with # to create a column heading. All links added after a # heading will be grouped under that column.
Open Navigation settings
Navigate to the Navigation settings in Ghost Admin and click the Secondary tab.
Create column heading
Add a # prefixed item to create a column heading. For example, type #Legal as the label and set the URL to / (the URL is not used for headings).
Add links under heading
Add your links below the heading. For example, Privacy Policy, Terms & Conditions, and Disclaimer will all appear under the Legal column.
Add more columns
Repeat for additional columns. For example, add #Quick Links followed by Documentation, Shop, etc.
Save
Click Save to apply your changes.
The footer layout adapts automatically. Brand and Subscribe sections receive more space, while navigation columns stay compact. When there are many groups, columns wrap to additional rows rather than being squeezed into a single line. External links automatically display an arrow icon to indicate they open in a new tab.
Example configuration:
| Label | URL |
|---|---|
#Company | https://example.com/ |
| About | https://example.com/privacy/ |
| Privacy Policy | https://example.com/terms/ |
| Terms & Conditions | https://example.com/disclaimer/ |
| Disclaimer | https://example.com/disclaimer/ |
#Quick Links | https://example.com/ |
| Documentation | https://docs.example.com |
| Shop | https://shop.example.com |
This produces two footer columns — Company with four links and Quick Links with two links.
Secondary Navigation Option
Secondary Navigation Preview
