Jump to content


Recommended Posts

Site URL: https://zionlacroix.com/

Hello, this is my first thread. I am starting this, cause I couldn't find something similar to my problem.

In my website, I have a dropdown menu in folders as Shorts: and Works:
When you hover on those folders, the menu is dropping down.
I want to keep this feature + Make those folders clickable + When I click on those folders I want to have a different page where you can see all the titles together.

***In the thread where I'm coming from, we used this code to make those folders clickable:

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.


  $( ( ) => {
    // restore folder title navigation for v7.1 site
    $( '.header-nav-folder-title' ).each ( function ( ) {
      let $this = $( this );
      let $thisClone = $this.clone ( );
      $this.replaceWith ( $thisClone );
      } );
    } );


This code makes folder clickable but when I click, it directs me to the first title in the dropdown menu, instead I want to have a different page when I click on folder.
Is it possible? Can you help me through this?
Ps: Sorry for my english.


Link to comment
  • Replies 1
  • Views 745
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.