Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Folder display by template

You can create a drop-down menu on any site by adding pages or links to a folder. How the folder displays depends on your site's version and template.

Computer display

On most sites, the folder's links appear when you hover over the folder. In some templates, the menu of links only appears when you click the folder.

Some folders include an icon next to the folder name to encourage visitors to view the menu.

Template family

Expands on...

Icon

Notes

7.1 sites

Hover

None

 Links align left when the navigation is aligned left or center in the header. Links align right when the navigation is aligned right.

Adirondack

Hover

+

Links appear in a navigation bar between the Main Navigation and page content.

Avenue

Hover

None

 

Aviator

Click

+

 

Bedford

Hover

None

The folder and its links create a sidebar navigation on the left side of Layout Pages.

Brine

Hover

None If you choose Layout: Columns in Site Styles, each folder in the footer creates its own column.

Farro

Hover

None  

Five

Hover

None

 

Flatiron

Hover

None

 

Forte

Hover

+

 

Galapagos

Hover

+

 

Ishimoto

Hover

None

 

Momentum

Hover

None

 

Montauk

Hover

None

 

Native

Hover

None

 

Pacific

Hover

+

 

Skye

Click

+

 

Supply

Click

None

In Site Styles, choose Folder Links: Collapsible or Always Show.

Tremont

Click

None

 

Wells

Click

None

Displays expanded by default when viewing a page within the folder.

Wexley

Hover

+

 

York

Hover

ˇ

 

Folder navigation

These template families have notable folder styles that add an extra layer of navigation:

Mobile display

Except as noted below, folder menus collapse on mobile and expand when tapped. Some folders include an icon next to the folder name to encourage visitors to open the menu.

Template family

Icon

Notes

7.1 sites

>

 Opens in an overlay. Tap Back to return main navigation.

Adirondack

+

 

Avenue

+

 

Aviator

+

 

Bedford

+

 

Brine

»

Opens in a new overlay. 

While viewing a page in the folder, the menu stays expanded in the navigation

Farro

»

Opens in a new overlay

While viewing a page in the folder, the menu stays expanded in the navigation

Five

+

 

Flatiron

+

 

Forte

+

While viewing a page in the folder, the menu stays expanded in the navigation

Galapagos

+

 

Ishimoto

+

 

Momentum

None

Always expanded

Montauk

+

 

Native

None

Always expanded, within a special mobile navigation

Pacific

+

 

Skye

+

 

Supply

None

Always expanded

Tremont

None

 

Wells

None

Always expanded. The folder title has line under it.

Wexley

+

 

York

ˇ

While viewing a page in the folder, the menu stays expanded in the navigation

Clicking the folder

On most sites, clicking the folder title causes its menu of links to expand.

In the following template families, clicking the folder title opens the first page in the folder:

  • Bedford - Computer view
  • Brine - Computer view
  • Farro - Computer view
  • Flatiron - Computer view
  • Momentum - Mobile view
  • Pacific - Computer view
  • Wells - Mobile view

Tip: You can make a folder title link to a page with a code-based solution. For more information, view this post in the Squarespace Forum.

Keep in mind, custom code modifications fall outside the scope of our support. This means that we’re unable to help you set up or troubleshoot code-based solutions.

Menu background color

Many sites display a background color behind the folder drop-downs links. In most sites, this color matches another element on your site, such as the header background or site background.

Use the list below to find style tweaks for the folder background color on your site. Keep in mind that these tweaks may adjust other elements on your site. For more information on version 7.0 templates, visit your template's guides.

Template family Tweaks
7.1 sites
  • Section Background in the Sitewide section of the selected color theme.
Adirondack
  • Background Color in the Site Header section
Avenue
  • Site Background

Aviator

  • Folder Dropdown Background

Bedford

  • Header folders: Header Background Color
  • Footer folders: Footer Background

Brine

  • Header folders: Folder Color
  • Footer folders: Background Color in the Footer section

Farro

  • Header folders: Folder Color
  • Footer folders: Background Color
Five
  • Navigation Background
Flatiron
  • Header/Footer Background Color
Forte
  • Auto-selects the color based on background color or image
Galapagos
  • Header folders: Background ColorFolder links follow Nav Link Color
  • Footer folders: Nav Link Color. Folder links follow Background Color.
Ishimoto
  • Site Background
Momentum
  • Navigation Background

Montauk

  • Canvas Background
Native
  • Site Background

Pacific

  • Background Color

Skye

  • Site Background
Supply
  • Header Color

Tremont

  • Always transparent
Wells
  • Site Background
Wexley
  • Site Background

York

  • Site Background
Was this article helpful?
9 out of 28 found this helpful