# (Squarespace) How to hide Navigation menu on One Page

**URL:** <https://community.elfsight.com/t/squarespace-how-to-hide-navigation-menu-on-one-page/106256>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 11, 2025, 7:53am UTC](https://community.elfsight.com/t/squarespace-how-to-hide-navigation-menu-on-one-page/106256 "2025-03-11T07:53:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [March 11, 2025, 7:53am UTC](https://community.elfsight.com/t/squarespace-how-to-hide-navigation-menu-on-one-page/106256/1 "2025-03-11T07:53:22Z")

</div>

To hide Navigation menu on One Page, you can follow these.

**#1.** First, [find Page ID](https://community.elfsight.com/t/how-to-find-id-in-squarespace/65340).

In my example, it is: #collection-67bd2c781e1a2c30e9e2622c

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/d/2db55d21743bc40457550963094e61ff88115dde.png)

**#2**. Next, use this code to Custom CSS box

```auto
#collection-67bd2c781e1a2c30e9e2622c {
div.header-nav, div.header-burger
{
display: none !important;
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/5/7524097a7709de82e62c04a6661d52b3c487083f.png)

---

<div class="post-metadata">

**Author:** ![romano97002](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/romano97002/32/95751_2.png) [@romano97002](https://community.elfsight.com/u/romano97002)\
**Post date:** [March 11, 2025, 9:23am UTC](https://community.elfsight.com/t/squarespace-how-to-hide-navigation-menu-on-one-page/106256/2 "2025-03-11T09:23:38Z")

</div>

@tuanphan,

♥ ♥ ♥