# \[Solved\] Hiding top Navigation on a Page

**URL:** <https://forum.ghost.org/t/solved-hiding-top-navigation-on-a-page/61492>\
**Category:** Using Ghost\
**Created:** [January 16, 2026, 7:18pm UTC](https://forum.ghost.org/t/solved-hiding-top-navigation-on-a-page/61492 "2026-01-16T19:18:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![gpcroft](https://avatars.discourse-cdn.com/v4/letter/g/57b2e6/32.png) [@gpcroft](https://forum.ghost.org/u/gpcroft)\
**Post date:** [January 16, 2026, 7:18pm UTC](https://forum.ghost.org/t/solved-hiding-top-navigation-on-a-page/61492/1 "2026-01-16T19:18:20Z")

</div>

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](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/6/b/6b8eda3660ecf2af5e89256402e4bd9271e8e898.jpeg)

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!

---

<div class="post-metadata">

**Author:** ![gpcroft](https://avatars.discourse-cdn.com/v4/letter/g/57b2e6/32.png) [@gpcroft](https://forum.ghost.org/u/gpcroft)\
**Post date:** [January 16, 2026, 7:50pm UTC](https://forum.ghost.org/t/solved-hiding-top-navigation-on-a-page/61492/2 "2026-01-16T19:50:55Z")

</div>

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

```auto
<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.