Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Disable the link on navigation folders in Brine template


slocreatives

Question

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! 

Nikkole 

Link to post
  • Answers 12
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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; } /*

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

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/fol

12 answers to this question

Recommended Posts

  • 2

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; }
  }

 

Link to post
  • 0

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 post
  • 0
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?

Link to post
  • 0

Hi,

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 post
  • 0

Hello,

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:
https://impala-rabbit-6txd.squarespace.com

Password: 
MayamikoTrust

 

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 post

Create an account or sign in to comment

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


×
×
  • Create New...