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! 

Nikkole 

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...
  • 9 months later...

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 comment

@xime

Please post the URL to 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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 7 months later...

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 comment

@MeganHope

Add the following to Design > Custom CSS.

.Header-nav-folder-title {

  pointer-events : none;
  
  }

This is for v7.0 using the Brine template family.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.

513586479_ScreenShot2022-04-25at11_26_41AM.png.618509cc68fde7a3fddcdf8abaa4c654.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.