Clickable Folder Navigation Titles

What You'll Create

Add clickable folder navigation titles to your Squarespace site that serve dual purposes: hovering reveals the dropdown menu as usual, but clicking the title navigates to a dedicated landing page. This gives visitors two ways to explore your site's sections.

The Problem It Solves

Squarespace folder navigation titles don't link anywhere by default—they only trigger dropdowns. When you want folder categories like 'Services' or 'Portfolio' to also have their own landing pages, you're stuck choosing between a dropdown or a link. This JavaScript enables both behaviors simultaneously.

Perfect For

Service businesses wanting category overview pages, e-commerce sites needing collection landing pages, portfolios with category introductions, educational sites with topic hub pages, any multi-section site benefiting from both navigation methods.

What Makes This Different

This technique reads the destination URL from a simple attribute for flexibility. Intercepts the click without blocking hover functionality. Changes cursor to pointer for clear visual feedback that titles are clickable. Includes an alternative version that pulls links from the first dropdown item automatically. Works seamlessly with Squarespace's existing hover dropdown behavior.

Details

• Section Type: Fluid & Classic

• Code Type: JavaScript

• Prerequisites: Folder navigation titles with data-href attribute set to target URL

• Toolkit Title: Make Folder Navigation Title Clickable

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support