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

In any template you can create a drop-down menu by adding pages or links to a folder. How the folder displays depends on your template.

Use this reference guide to look up how your template's folders display. Templates are grouped by family.

Desktop display

In most templates, 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

Adirondack

Hover

+

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

Avenue

Hover

None

 

Aviator family

Aubrey, Aviator

Click

+

 

Bedford family

Anya, Bryant, Bedford, Hayden

Hover

None

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

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

Hover

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

Farro family

Farro, Haute

Hover

None  

Five

Hover

None

 

Flatiron

Hover

None

 

Forte

Hover

+

 

Galapagos

Hover

+

 

Ishimoto

Hover

None

 

Momentum

Hover

None

 

Montauk family

Julia, Kent, Montauk, Om

Hover

None

 

Native

Hover

None

 

Pacific family

Charlotte, Fulton, Horizon, Naomi, Pacific

Hover

+

 

Skye family

Foundry, Indigo, Ready, Skye, Tudor

Click

+

 

Supply

Click

None

In the Style Editor, choose Folder Links: Collapsible or Always Show.

Tremont family

Camino, Carson, Henson, Tremont

Click

None

 

Wells

Click

None

Default display is expanded.

Wexley

Hover

+

 

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Hover

ˇ

 

Mobile display

Except as noted below, folder menus are collapsed 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

Adirondack

+

 

Avenue

+

 

Aviator family

Aubrey, Aviator

+

 

Bedford family

Anya, Bryant, Bedford, Hayden

+

 

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

»

Opens in a new overlay.

Farro family

Farro, Haute

»

Opens in a new overlay.

Five

+

 

Flatiron

+

 

Forte

+

 

Galapagos

+

 

Ishimoto

+

 

Momentum

None

Always expanded.

Montauk family

Julia, Kent, Montauk, Om

+

 

Native

None

Always expanded, within a special mobile navigation.

Pacific family

Charlotte, Fulton, Horizon, Naomi, Pacific

+

 

Skye family

Foundry, Indigo, Ready, Skye, Tudor

+

 

Supply

None

Always expanded

Tremont family

Camino, Carson, Henson, Tremont

None

 

Wells

None

Always expanded. The folder title has line under it.

Wexley

+

 

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

ˇ

 

Clicking the folder

In most templates, clicking the folder title causes its menu of links to expand.

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

  • Bedford family - Anya, Bryant, Hayden
  • Brine family - Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West
  • Farro family - Farro, Haute
  • Flatiron
  • Pacific family - Charlotte, Fulton, Horizon, Naomi, Pacific

In the following templates, clicking the folder title while in mobile view opens the first page in the folder:

  • Momentum
  • Wells
Note: There's no built-in way to make a folder title link to a page, but it could probably be accomplished using custom code. This topic has come up on our Answers forum for customers and developers, and you can view the post here for more information and example code. We only recommend this if you feel comfortable using HTML and CSS, as we can't provide code solutions or support.

Background color

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

Use the list below to find the Style Editor tweak for the folder background color on your template. Keep in mind that these tweaks may adjust other elements on your site. For more information, visit your template's Structure and style guide.

Template family Style Editor tweaks
Adirondack Background Color in the Site Header section
Avenue Site Background

Aviator family

Aubrey, Aviator, Encore

Folder Dropdown Background

Bedford family

Anya, Bedford, Bryant, Hayden

Header folders: Header Background Color

Footer folders: Footer Background

Brine family

Aria, Basil, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West

Header folders: Folder Color

Footer folders: Background Color in the Footer section

Farro family

Farro, Haute

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 family

Julia, Kent, Montauk, Om

Canvas Background

 
Native Site Background

Pacific family

Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific

Background Color

Skye family

Foundry, Indigo, Ready, Skye, Tudor

Site Background

Supply

Header Color

Tremont family

Camino, Carson, Henson, Tremont

Always transparent

Wells

Site Background

Wexley Site Background

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York

Site Background

Was this article helpful?
1 out of 1 found this helpful