Skip to Content
Save 20% on our Theme Bundle $199 instead of $249
DocsMomentNavigation

Navigation

With Ghost you can add, edit and reorder navigation items. This guide will show you how to create and manage navigation items in your Ghost site.

Moment navigations

The Moment support Primary and Secondary navigation.

  • Primary navigation is displayed in top bar
  • Secondary navigation is displayed under the hamburger button in fullscreen navigation.

Manage navigation items

To manage navigation items, follow these steps:

  1. Go to Settings โ†’ Site โ†’ Navigation
  2. Click Customize

Ghost navigation settings

Our theme support dropdown menus in navigation, allowing you to organize related links under a parent item. This is useful for creating more complex navigation structures without cluttering the menu.

Moment theme navigation dropdown

To create a dropdown menu:

  1. Add a parent item that will serve as the dropdown trigger
  2. Add child items by creating navigation items with labels that start with - (dash followed by a space)

The items with labels starting with - will be nested under the previous regular navigation item.

Navigation dropdown settings

For example, to create a โ€œResourcesโ€ dropdown with โ€œTutorialsโ€ and โ€œDocumentationโ€ items:

  1. Add a regular navigation item with label โ€œResourcesโ€
  2. Add an item with label โ€- Tutorialsโ€
  3. Add an item with label โ€- Documentationโ€

This will create a dropdown menu where โ€œTutorialsโ€ and โ€œDocumentationโ€ appear when hovering over or clicking on โ€œResourcesโ€.

Separators

Moment allows you to add a separator between navigation items. This is useful to separate different sections of your navigation.

Moment theme navigation separator

To add the separator, create a new item with label --- and this item will be recognized as a separator.

Navigation separator setting