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

Share this post: