Website Building » Squarespace » How Do You Add a Drop Down in Squarespace Navigation?

How Do You Add a Drop Down in Squarespace Navigation?

Last updated on December 23, 2022 @ 10:18 am

There are two ways to add a drop down in Squarespace navigation. The first is to use the Navigation Menu block, and the second is to use the Code block.

To use the Navigation Menu block:

  1. Add a Navigation Menu block to your page.
  2. In the Block Settings panel, click the + Add Item button.
  3. In the Label field, enter the name of your drop down.
  4. Click the + Add Item button again.
  5. In the Label field, enter the name of your first link.
  6. In the URL field, enter the URL of your first link.
  7. Repeat steps 5-6 for each link in your drop down.

To use the Code block:

  1. Add a Code block to your page.
  2. In the Code field, enter the following code:

    <ul>
    <li> <a href=”#”>Drop Down</a>
    <ul> <li><a href=”LINK1″>Link1</a></li>
    <li><a href=”LINK2″>”Link2″</a></li>” </ul>

Replace LINK1 and LINK2 with the URLs of your links.

PRO TIP: This article provides instructions on how to add a drop-down navigation menu in Squarespace, but does not offer any warnings about doing so. Drop-down menus can be tricky to set up and may not work as intended if not configured properly. Use caution when following these instructions and be sure to test your drop-down menu before publishing it to your site.

3. Click Apply.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.