Disable the link on navigation folders in Brine template

I also added this ***very important***

@media screen and (min-width: 640px){
  
  a.Header-nav-folder-title.Header-nav-folder-title--active {
    pointer-events: none;
    cursor: default; }
  
/* this part here is really important for when I'm not on any of the pages within the folder */  
  
  a.Header-nav-folder-title {
    pointer-events: none;
    cursor: default; }
  }

Can you share link to your site?

I also am trying to do this... It's very frustrating!!

I think I actually just figured it out! I did it this way because I didn't want to affect the mobile menu when I clicked on the folder, so this was a way around that. I did this for the 'work' tab/folder/dropdown option in the navigation of my portfolio/design site because I didn't want the folder to link to anything at all. Let me know if you have questions! 

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

  a.Header-nav-folder-title.Header-nav-folder-title--active {
    pointer-events: none;
    cursor: default; }
}

Note: I also used this site for reference/help.

Thanks so much for sharing this, @spencerhaddy I had a client who needed this and it worked like a charm!

The above code didn't work on Brine for me -- any updated code

11 hours ago, lovelylittledesignco said:

The above code didn't work on Brine for me -- any updated code

can you share link to your site?