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

Adding drop-down menus to your navigation with folders

Use folders to create drop-down navigation menus (also known as nested pages or sub-menus) on your site.

Tip: In version 7.1, add product subcategories to create drop-down menus in the category navigation.

Watch a video

Add a folder

To add a folder:

  1. In the Home Menu, click Pages, then click the + icon.
  2. Select Folder.
  3. The empty folder will appear in the Pages panel. Enter a name for the folder to display in the navigation.

Add pages to the folder

Folders aren't pages and it's not possible to add content directly to them. Instead, when you add pages to a folder, they appear as drop-down menu items.

To add an existing page to the folder, drag and drop it into the space below the folder. To add a new page to the folder, click Add Page below the folder. To change the order of the pages, drag and drop them within the folder.

It's not possible to nest folders within folders.

Drag existing pages into the space below the folder.

Index Pages

You can add any type of page to a folder except an Index Page. To direct visitors to an Index Page, choose Link, click Click to add URL, and use the Content tab to point the link to your Index Page. For more information about configuring links, visit Adding links to your site.

Folder display

How your folder displays depends on your site's version.

On version 7.1 sites:

  • The folder's pages appear when you hover over the folder name.
  • Clicking the folder title doesn't open the first page.
  • The folder is collapsed on mobile and opens when tapped.

For version 7.0-specific information, see Folder display by template.

Background color

On version 7.1 sites, the folder background matches the Section Background tweak in the Sitewide section of the selected color theme.

To change this:

  1. In the Home Menu, click Design, then click Colors.
  2. Click the pencil icon on the color theme your site header uses.
  3. Change the Section Background. This changes the background color for all sections that use this theme.
  4. Click Colors to return to the colors panel, then click Save.

For a list of the version 7.0 tweaks that set this color, see Folder display by template.

Delete the folder

If you delete a folder, its pages will also be deleted.

To delete a folder:

  1. Hover over the folder in the Pages panel and click the trash can icon
  2. Click Delete to confirm. 
  1. Tap the Pages icon.
  2. Swipe left on the title of the folder you want to delete.
  3. Tap Delete.
Tip: You can restore the pages within 30 days.
Was this article helpful?
204 out of 478 found this helpful
Adding drop-down menus to your navigation with folders