Making A Page in the Nav Unclickable

Site URL: https://coconut-hypersphere-nmr5.squarespace.com/config/

I am trying to make a page in the Header Nav unclickable. I have this code at the moment but it doesn't seem to be working please advise, thank you. 

a.Header-title-nav[href="/syzygy-is-a-distinct-way-of-aligning-people-purpose-performance"],  {
    pointer-events: none;

Which page? What is access password?

5 minutes ago, tuanphan said:

Which page? What is access password?

access password - johnay

and the page is that line of text "Syzygy® is a distinct way of aligning people, purpose & performance".

.header-nav-item [href="/new-page-1"] {
    pointer-events: none;
}

12 minutes ago, tuanphan said:

.header-nav-item [href="/new-page-1"] {
    pointer-events: none;
}

 

how can I make this work with mobile aswell?

.header-menu-nav-item [href="/new-page-1"] {
    pointer-events: none;
}

Move the page to unlinked section of your site, why have it show on nav bar if unclickable?

18 minutes ago, derricksrandomviews said:

Move the page to unlinked section of your site, why have it show on nav bar if unclickable?

As I need the text to show. Squarespace doesn't allow to add text in the header, so I had to make a page with the title of the text needed to show.