How to Add a Squarespace Drop-Down Navigation Menu
Is your navigation menu starting to look messy and cluttered because you have too many menu items?
Would you like to display your blog or product categories to make it easier for your visitors to navigate your website?
A drop-down folder might be the perfect choice for your website.
A drop down navigation menu can help keep your navigation clean and user friendly. With it you can by grouping pages into sections, using less items in the top menu. It makes also makes it easy for your visitors to find your important pages without having to click and scroll through your site.
It’s only a few simple steps to create a dropdown in Squarespace.
Add Your Squarespace Dropdown
In the Pages menu click the + symbol next to Main Navigation or Not Linked
Scroll down the pop-up menu and choose Dropdown (under More)
In the white box create a name for your new menu item (this is the title that will show in the navigation)
Add Your Folder Items
You can not only add pages to your dropdown menus, but links to categories & anchor links. You can add existing pages to the dropdown by dragging them into place.
To add a new page or link to the folder:
Under your dropdown name, click on + Add Page
Choose a page, collection or link from the pop-up menu
Related Post: How to Create Anchor Links in Squarespace (7.0 and 7.1)
I Can’t Click on the Dropdown Title!
One thing you might find strange with Squarespace drop down menus is that the title or top level navigation doesn’t actually link to anything. This isn’t a problem if you are making a drop down menu of all your service pages. But, if you are making a menu of your blog categories you probably still want to link to the main blog page.
To get around this problem I use code created by Beatriz Caraballo.
Beatriz has written this awesome tutorial that explains everything (she is seriously great at explaining code). If you are interested in knowing how make your drop down menu fully clickable, I fully recommend!
