Squarespace: Make Folder Not Clickable

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 😉

 

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

11 thoughts on “Squarespace: Make Folder Not Clickable”

  1. 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?

    Reply
  2. 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?

    Reply
    • 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”

      Reply

Leave a Comment