Add dropdown menus to site navigation
Dropdown menus come from Ghost navigation labels grouped by the Pro Fantasma theme. You edit labels in Ghost; the downloaded or published theme renders the submenu.
Requirements
- Pro Fantasma project, downloaded as a ZIP or published to Ghost (the Pro navigation markup and scripts ship with that build).
- Child items use a label that starts with
-(hyphen and space). - Each child sits immediately after its parent in the Ghost navigation list.
Steps
- In Ghost Admin, open Navigation (primary navigation for the header).
- Add a parent row with the label visitors should see (no
-prefix). - Add child rows whose labels start with
-, e.g. parentTopicsand child- News. - Keep children directly under their parent in list order.
- Install your Pro Fantasma theme on Ghost if it is not already active.
Footer navigation
Footer slots are separate in Ghost. Only add dropdown-style children where your theme’s footer expects them.
Troubleshooting
- Child shows as a top-level link — Fix the
-prefix and spacing; confirm order under the parent. - No dropdown on mobile — Confirm the Pro theme build is active; clear caches and retest.