[Solved] Hiding top Navigation on a Page

Using Ghost
1

I’m creating a Page for a subset of paid subscribers that curates content from my site (specific Posts), along with embedded YouTube videos and text.

Think of it as a little Course page, on its own URL that I share with them.

I’d like to hide the top navigation on this Page, as it’s a distraction and is not relevant. When they’re there, their focus should just be the content on the page, not ‘Work with me’ and ‘Explore’ and a link to my Store and a CTA button:

Screenshot 2026-01-16 at 19.10.56
Screenshot 2026-01-16 at 19.10.561566×128 19.1 KB

Are there any resources anywhere that could show me how to tinker with a template, to switch Navigation off, and turn the page into a Landing page of sorts?

I still want to use all the basic Ghost features when I’m creating the content for this page – ideally I’d like it to just be a normal Ghost web page… other than the fact it wouldn’t have any navigation at the top.

Is this doable?

If not, does anyone have off the shelf solutions? (I looked at the BrightThemes Landing Pages, but any content edits for those have to be made inside the custom home.hbs file, whereas I just want to chuck a regular web page together, and be able to edit it regularly.)

Thanks for any advice, even if it’s a “you can’t do that” so I can adjust to reality!

2

Solved my own question, with a little help from my AI friend.

<style>
  [data-header] {
    display: none !important;
  }
</style>

…in the Header Code Injection, just for that page, under Page Settings. Removes all navigation.

Nice and easy!

p.s. This is for Brief Theme from Bright Themes – your header.hbs file might be different.