Jump to content

Disable the link on navigation folders in Brine template

Recommended Posts

Hello! Does anyone know how I can disable the link on the folder navigation? Currently when you click the folder it defaults and links to the first page in the folder. I do not want it to link to any page and act solely as a folder for the pages. Anyone know the code that will help me achieve this? I am using Brine. 

Thank you! 


Link to comment

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.

Link to comment
  • 4 weeks later...
  • 1 month later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 9 months later...


I need help with this please, on 7.1.... I can't seem to change the cursor on all my folder titles (which don't link to anything, its just a dropdown to a few links) so I'd like the arrow cursor to appear on hover.

Would really appreciate help please 🙂

Thank you!

Link to comment
  • 7 months later...


I am also trying to do this and the above code doesn't seem to work for me, unless I'm doing something wrong! 

Link is:



Could anyone point me in the right direction? I want to make the 'What we do' and 'Support us' unclickable in the nav so they have to choose a page option. 

Link to comment
  • 5 months later...

For version 7.1 sites, you can use the following code in the Design -> Custom CSS panel:


/* Disable click on folder link */
a.header-nav-folder-title[href="/url-slug"] {
  pointer-events: none;
  cursor: default;

Change the "url-slug" text with the URL slug of the folder, which can be found in the setting options of the folder (cog/sun/flower icon)

Link to comment
  • 4 months later...

@Vivaldi @ondeline

I'm confused. v7.1 doesn't support active folder links as some v7.0 template do. So you shouldn't need to add CSS to disable that behaviour.

If your navigation folders links are active I'd like to see your sites.

To be clear I'm talking about the folder titles themselves not the folder contents.


Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.