With most Squarespace Templates, you cannot click Folder Title.
However, there are also some templates, when clicking on the folder title, it will redirect to the first folder item.
If you want to disable this, and make the folder not clickble, you can use the code below.
- Add code to Home > Design > Custom CSS
- Send me a message if you have any questions/the code doesn’t work (free).
- You can send a donation if this is helpful for you 😉
In this post
Bedford Template
Include: Anya, Bedford, Bryant, Hayden, Bedford
/* disable folder title click */
.folder-toggle {
pointer-events: none;
}
Brine Template Family
Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine.
/* disable folder click */
a.Header-nav-folder-title {
pointer-events: none;
}
Farro
Include: Farro, Haute
/* disable folder title click */
.Header-nav-folder-title {
pointer-events: none;
}
Flatiron
/* disable title click */
#nav .folder>a {
pointer-events: none;
}
Forte
/* disable folder click */
.folder-parent>a {
pointer-events: none;
}
Pacific Template
Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific
label.folder-toggle-label {
pointer-events: none;
}
is this also possible in 7.1?
Thank you so much. You’re awesome! God bless.
Thanks for this!
I used
label.folder-toggle-label {
pointer-events: none;
}
but on mobile I don’t wan this to happen 🙁
what would the mobile fix be?
Hi. I sent answer to your email.
Yes, same problem, I can’t open the mobile menu when I add this to the CSS. Is it possible to still be able to open the mobile menu and have the folders behave the same as on a desktop. Thank you
Did you solve it?
Hi Tuan!
I have the same question about mobile. I’m using the Bedford template and it worked great, but I want to be able to click on the drop down for mobile.
Thank you!
Remove above & use this new code https://code.beaverhero.com/1624417978657.css
Great! Thank you so much!!
Hello Tuan
I’m trying to make a folder a non-link but with no success
https://trencadis.squarespace.com
(the site is half in english and half french and is being translated)
I want to make the folder Ressources a non-link.
I’ve tried this code but it doesn’t work.
/* make folder not click */
.Header-nav-folder-title[href=”/ressources”]
{pointer-events: none;
cursor: default;
}
Any suggestions?
Hi. I see resources not clickable here. You want to make it not click or can click??
Also, you haven’t changed SEO Title so some pages, browser tab name still shows “General 2”
Hi,
I am trying to make a sub page in my menu not clickable. It is already inside a folder so I want to make a page that will act as a “sub-heading” that you cannot click on.
Under “Solutions” I want to add a “Services” page that will be a heading (and not clickable) above Assessment… etc.
Thanks for the help!
I solved it. thanks.
Holy cow — you are such a sweetheart for sharing this info. Bless your generous heart.
Hello!
Any idea how to do this without code?
Hi. Need code to do this.