how to make a link on the mobile site unclickable.

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

I currently have a link in my header navigation that I have made unclickable on my desktop version of the site however on the mobile it is still clickable. I want to make it also unclickable on the mobile site, Any help would be greatly appreciated.  

password - johnay 

Applying pointer-events: none; to the class should do the trick.

10 hours ago, sonny.oram said:

Applying pointer-events: none; to the class should do the trick.

@sonny.oram I have added that code ( shown below ) and it only makes the desktop link unclickable, on the mobile it is still clickable. 

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

Mobile menu has different class. Use this CSS for mobile

.container.header-menu-nav-item a {
    pointer-events: none;
}

Wondering I have put his on my site
and it works but I only want it to work for desktop.
a.folder-toggle-label [href="/boys"], a.folder-toggle-label [href="/girls"] {
    pointer-events: none;
}

I would still need see not have this for mobile and tablet 😕
Any update on what to do to only effect desktop and not mobile?

@akytogo

Please post the URL for your site. It is hard to help you when we can't see your site.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

@creedon right now I have disabled the css for this bit because it was affecting both desktop and mobile

@akytogo

This should take care of only allowing the effect on desktop.

@media only screen and ( min-width: 769px ) {

  a.folder-toggle-label [href="/boys"],
  a.folder-toggle-label [href="/girls"]
  
    {
    
      pointer-events: none;
      
      }
  }

I was unable to test it as there appears to be no menus with references to /boys or /girls.

Let us know how it goes.

thanks @creedon looks like this code

label.folder-toggle-label {
    pointer-events: none;
}

That I have is shutting down the main folder from being clickable 

So I would need to let my folders in the nav for boys and girls on mobile be clickable. 

Sorry about the above, hope that makes sense

@creedon
Got it with your help 
Ending up putting
@media only screen and ( min-width: 769px ) {
label.folder-toggle-label {
    pointer-events: none;
}
}

Thanks so much