Jump to content

How do you make a dropdown navigation folder clickable?

Recommended Posts

Hi folks, I would like to make a change on my site and need your help.
I have created two dropdown menus in my header. For both, I would like to make it possible for the top item, the dropdown folder name, to be clickable and lead to a page that is not listed in the menu below. How can I set this up?

I would greatly appreciate your assistance and hope it's somewhat clear in its formulation!

Site: https://maltemartenmethod.squarespace.com/
Pword: maltemartenmethod2023

Link to comment
6 hours ago, Nomis said:

Hi folks, I would like to make a change on my site and need your help.
I have created two dropdown menus in my header. For both, I would like to make it possible for the top item, the dropdown folder name, to be clickable and lead to a page that is not listed in the menu below. How can I set this up?

I would greatly appreciate your assistance and hope it's somewhat clear in its formulation!

Hey there!

I ran into this issue a while ago and found that the free plugin from Will Myers works well. He has a great tutorial with code here: https://www.will-myers.com/articles/clickable-folders-for-squarespace-71

Link to comment
  • 7 months later...
  • 5 weeks later...
On 1/5/2024 at 3:09 PM, BartelsCreativeCo said:

Hey there!

I ran into this issue a while ago and found that the free plugin from Will Myers works well. He has a great tutorial with code here: https://www.will-myers.com/articles/clickable-folders-for-squarespace-71

This really great tutorial by Will isn't currently working.  I've put in a ticket to him but at the moment if you click on the header link it makes all the folder headers disappear. Should be an easy fix but it's been a month since some one let him know and it's not fixed yet so....Don't know if the magical @tuanphan has any ideas?? At the moment my site folders aren't clickable due to the footer javascript he's written..... 

Link to comment

I haven't read Will's tutorial so can't comment on the issue. However, I do provide a way of achieving this in my guide How to make Squarespace navigation dropdowns clickable.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
On 9/16/2024 at 8:22 AM, paul2009 said:

I haven't read Will's tutorial so can't comment on the issue. However, I do provide a way of achieving this in my guide How to make Squarespace navigation dropdowns clickable.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi Paul, I was just wondering: I have used your guide to make my folders (dropdown) clickable. On desktops this works great! But now on mobile it doesn't work as I expected. I can click on the dropdown folder title (which now links to a page) but the folder menu is still open, so it is not possible to see the actual page. Do you have any ideas how to fix this?

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.