Scroll Top

Dropdown Menus in Squarespace: Why the Answer Is a Folder

Updated September 2026 · Written and maintained by the Progression Agency strategy team

There is no control called dropdown in Squarespace. You create a folder in the Pages panel and put pages inside it, and the folder renders as a dropdown automatically. That single fact resolves most questions about Squarespace menus — including the most common complaint, which is that the top-level folder item is not a clickable page. This covers how to build one, why the dropdown is not showing, the platform’s firm limits, and how many menu items a site should actually have.

The short answerA folder is a container, not a page. Clicking the top-level item does nothing on desktop and expands the submenu on mobile. If you need that item to be a real page — a services page with service pages beneath it — use a link item pointing at the real page, or place an overview page first inside the folder. Both are compromises; the link item is usually cleaner for visitors.

Squarespace revises its interface and its header layouts periodically, and behavior differs between versions and templates. Verify the exact steps in your own account rather than relying on any summary, including this one. Nothing here reports the results of a named client project. Updated September 2026.

Building a dropdown, in one line
There is no dropdown control, no submenu setting and no nesting option. The folder is the feature.

How do you make a dropdown menu in Squarespace?

You do not create a dropdown directly. You create a folder in the navigation and put pages inside it — the folder renders as a dropdown automatically.

This is the single fact that resolves almost every question about Squarespace menus. There is no control called dropdown, no submenu setting and no nesting option in the page editor. The mechanism is the folder, and once you know that the whole feature is straightforward.

Go to the Pages panel, add a folder, name it what you want the menu item to say, then drag existing pages into it or create new ones inside it. The folder appears in the navigation, and hovering or tapping it reveals the pages within.

  1. Open the Pages panel in the site editor.
  2. Add a new item and choose Folder rather than Page.
  3. Name the folder. This name becomes the top-level menu item, so name it for the visitor rather than for you.
  4. Drag existing pages into the folder, or create new pages inside it.
  5. Check the order. Pages appear in the dropdown in the order they sit in the panel, and you reorder by dragging.
  6. Confirm the folder is in the main navigation section rather than in Not Linked, which is where pages hide.
  7. Preview on desktop and on a phone, because the two render the menu quite differently.
Add a folder — Building it. Not a page. This is the entire mechanism..
Name it for visitors — Building it. The folder name is what appears in the menu..
Drag pages inside — Building it. Indentation in the panel confirms it..
Order by dragging — Building it. Menu order follows the panel order exactly..
Avoid Not Linked — Building it. Unless you genuinely want the page hidden..
Check both views — Building it. Desktop and mobile render menus differently..

The thing everyone hits: a folder is not a page

A Squarespace folder has no page of its own. Clicking the top-level item does nothing on desktop and opens the submenu on mobile, which surprises people who expected a landing page.

This is the most common complaint about Squarespace menus and it is a design decision rather than a limitation to work around badly. A folder is a container.

If you need the top-level item to be a real page — a services page that also has service pages beneath it — the usual approach is to name a page inside the folder as an overview and place it first, or to link the folder title to that page using a link item. Both are compromises; the second is generally cleaner for visitors.

Why folders behave this way

They exist to group navigation, not to hold content. Squarespace keeps the two concepts separate deliberately.

The overview page pattern

Create a page inside the folder called Overview, or repeat the section name, and place it first. Visitors reach it in one extra click.

Add a link in the navigation pointing to a real page, and use the folder only where a genuine group exists. Cleaner, and it avoids empty top-level items.

What not to do

Duplicating the folder name as both a folder and a separate page confuses visitors and creates two competing entries in the navigation.

Mobile behavior

On a phone the top-level item expands the submenu rather than navigating, which is usually the behavior people actually want.

Bar chart of reasons a Squarespace dropdown menu fails to appear.
The first three account for nearly every case, and all three are visible in the Pages panel at a glance.

Squarespace menus: what you can and cannot do

One level of dropdown, ordered by drag, styled through site styles. No multi-level nesting, no mega menus natively, and no per-item styling without custom code.

Knowing the boundaries before designing the navigation saves rebuilding it. The constraints are firm rather than hidden.

Squarespace navigation capabilities
What you wantNative supportHow to achieve it
A dropdown menuYesCreate a folder and put pages in it
Two levels of dropdownNoRestructure; deep menus perform badly anyway
A clickable parent itemNoUse a link item, or an overview page placed first
A mega menu with columnsNoCustom code, or a full-width section on a landing page
Different styling per menu itemNoCustom CSS
An external link in the menuYesAdd a link item rather than a page
A page hidden from the menuYesMove it to Not Linked
ReorderingYesDrag in the Pages panel
Different menus on different pagesNoNot without significant custom work
One dropdown level — Platform limits. No multi-level nesting, natively..
Folders are not pages — Platform limits. No landing page behind the top-level item..
No mega menus — Platform limits. Custom code, or a full-width section instead..
No per-item styling — Platform limits. Without custom CSS..
One menu site-wide — Platform limits. Different menus per page needs significant custom work..
External links work — Platform limits. Add a link item rather than a page..

Why my Squarespace dropdown is not showing

Usually the folder is empty, the pages are in Not Linked, the folder itself is in Not Linked, or you are looking at a template that renders navigation differently.

Work through these in order; the first three account for nearly every case.

  1. Check the folder actually contains pages. An empty folder shows as a top-level item with no dropdown.
  2. Check the pages are inside the folder rather than beside it in the panel. The indentation in the Pages panel tells you.
  3. Check the folder is in the main navigation section, not in Not Linked.
  4. Check whether the pages inside are disabled. A disabled page does not appear in the menu.
  5. Check on desktop as well as mobile — the behavior differs, and one working does not mean both do.
  6. Clear the browser cache or check in a private window before troubleshooting further.
  7. Confirm your template supports dropdowns in the header layout you have chosen. Some header layouts handle nesting differently.
Empty folder — Not showing?. No pages inside means no dropdown..
Pages beside, not inside — Not showing?. Check the indentation in the Pages panel..
Folder in Not Linked — Not showing?. Move it to the main navigation section..
A page is disabled — Not showing?. Disabled pages do not appear in menus..
Header layout — Not showing?. Some layouts handle nesting differently..
Cache — Not showing?. Check in a private window first..

How many items should a navigation have?

Fewer than most sites use. Five to seven top-level items is a sensible ceiling, and a dropdown with more than about seven entries is a sign the structure needs rethinking rather than reorganising.

Navigation is where site structure becomes visible, and an overloaded menu is almost always a symptom rather than a problem in itself. If everything needs to be in the menu, the site has no hierarchy.

The practical test: could a visitor who has never seen the site guess where a given piece of information lives? If not, adding more menu items will not fix it.

Navigation structure, and what each choice signals
StructureWorks whenFails when
Flat, five to seven itemsThe site genuinely has that few sectionsContent is forced into the wrong sections
Folders with three to five pages eachThere are real groupsGroups are invented to justify folders
A single services folder with everything in itServices genuinely divideThere are fifteen services
Everything at top levelVery small sitesAnything over about eight items
Deep nestingNever on a marketing siteAlways; visitors do not explore
A separate mobile menuRarely justifiedIt usually means the main one is too complex
Comparison chart showing findability and clarity falling as navigation complexity rises.
Adding menu items past about seven reduces what visitors find rather than increasing it. Nested levels are worse still.

Menu links are ordinary links and pass value normally. The real consideration is that pages reachable only through a dropdown are still reachable, and pages in Not Linked are not.

There is no penalty for dropdown navigation and no particular benefit. What matters is that every page you want found is linked from somewhere, and that the anchor text in the menu describes the page.

The mistake worth avoiding is putting important pages in Not Linked to tidy the menu and then forgetting they have no internal links at all. A page with no incoming links is close to invisible, whatever the sitemap says.

  • Menu anchor text should describe the destination. About Us tells a visitor nothing; the page name matters more than tidiness.
  • Pages moved to Not Linked need internal links from somewhere else, or they are effectively orphaned.
  • A folder with no pages produces a dead menu item, which is a small but real usability problem.
  • Overview pages placed first in a folder give both visitors and search engines a sensible entry point to a section.
  • Keep the menu stable. Changing navigation labels frequently confuses returning visitors and loses whatever recognition they had built.
  • Check the mobile menu separately, because a menu that is fine on desktop can be unusable on a phone.

Squarespace menus on mobile

The dropdown becomes an expanding list, the folder title becomes a toggle rather than a link, and long menus become a scrolling panel. Check it separately, every time.

Most visitors arrive on a phone, and the mobile menu is where an over-full navigation actually becomes a problem. A ten-item menu with three folders is manageable with a mouse and genuinely unpleasant with a thumb. If the mobile menu requires scrolling to reach the main call to action, the navigation is too big regardless of how it looks on desktop.

Custom code: when it is worth it and when it is not

Worth it for small, contained changes to styling. Not worth it for adding capabilities the platform deliberately does not have.

Custom CSS to adjust menu spacing, weight or hover behavior is low-risk and generally survives platform updates. Custom JavaScript to build multi-level nesting or a mega menu is a different proposition: it works against the platform’s structure, it breaks when the header markup changes, and it breaks silently, which means finding out from a visitor rather than from a test.

The practical rule is that if the change is cosmetic, custom code is reasonable. If the change adds a navigation capability Squarespace chose not to build, the honest options are to restructure the site or to accept that this platform is the wrong one for that requirement.

Custom navigation code, by risk
What you want to doRiskVerdict
Adjust spacing, weight or colorLowReasonable; CSS survives most updates
Change hover behaviorLow to moderateUsually fine; test after platform updates
Make a folder title clickableModerateA link item does this without code
Add a second nesting levelHighFights the structure; breaks silently
Build a mega menuHighConsider a landing page section instead
Different menus per pageVery highReconsider the platform for that requirement
A five-minute navigation audit
CheckWhat good looks likeWhat to do if not
Count top-level itemsFive to sevenGroup into folders, or cut
Count items in the largest dropdownThree to fiveThe section needs subdividing or trimming
Read every label aloudEach describes its destinationRename for the visitor, not internally
Check Not LinkedOnly genuinely hidden pages thereLink anything important from elsewhere
Open the menu on a phoneEverything reachable without scrolling past the CTACut items
Ask someone unfamiliar to find one thingThey guess correctly first timeThe structure, not the menu, is wrong

Naming menu items so people can use them

Describe the destination in the visitor’s words, not the organization’s. This does more for navigation performance than any structural change.

The most common navigation failure is not layout but vocabulary: menus labelled with internal department names, invented product names, or vague abstractions like Solutions. A visitor scanning a menu is matching words against what they came for, and a label that requires interpretation gets skipped.

The test is whether someone who has never seen the site could predict what sits behind each label. Where a brand name is unavoidable, pairing it with a plain descriptor costs two words and resolves the ambiguity entirely.

When a dropdown is the wrong answer

When the group is small enough to sit at the top level, when the items are unrelated, or when the section really needs a landing page rather than a menu.

Folders are used reflexively to tidy a menu, and tidiness is not the objective. Three related pages usually belong at the top level if there is room; a section with fifteen pages needs a landing page that organises them properly, because a dropdown of fifteen items is unusable on any device and unreadable on a phone.

Site structure that visitors can navigate

We plan navigation from what people are actually looking for, then build it within the platform’s constraints rather than fighting them. Tell us what your site has to do.

Talk to us

Structure before menus

An overloaded menu is a symptom of missing hierarchy, not a navigation problem. See the customization guide.

Working within the platform

One dropdown level, folders as containers, link items for clickable parents. Fighting these produces fragile custom code.

Nothing orphaned

Every page linked from somewhere. Not Linked is for pages you genuinely do not want found.

Mobile checked separately

A menu that works on desktop can be unusable on a phone, and most visitors are on one.

Launch handled properly

Navigation changes at launch are where redirects get forgotten. See publishing a Squarespace site.

Video: web and marketing practice

A general library on web and marketing practice. The Squarespace material on this page stands on its own; these are background viewing on the wider discipline.

Getting found in search

AI, AEO and what is changing

Paid media and lead generation

Websites and design

Choosing and working with an agency

Social, content and brand

By industry and by situation

Frequently asked questions

How do I make a dropdown menu in Squarespace?
Create a folder in the Pages panel and drag pages into it. There is no control called dropdown — the folder is the mechanism, and it renders as a dropdown automatically once it contains pages.
Why is my Squarespace folder not showing a dropdown?
Most often the folder is empty, or the pages are sitting beside it rather than inside it. Check the indentation in the Pages panel. After that: the folder may be in Not Linked, or a page inside it may be disabled.
Can I make the top-level dropdown item clickable in Squarespace?
Not natively. A folder is a container with no page of its own. The two workarounds are a link item in the navigation pointing at a real page, or an overview page placed first inside the folder. The link item is usually cleaner for visitors.
Why does clicking the folder name do nothing?
Because a folder has no page behind it. On desktop it opens the dropdown on hover and does nothing on click; on mobile, tapping it expands the submenu, which is usually the behavior people want.
Can I have two levels of dropdown in Squarespace?
No, not natively. One level of nesting is the limit. This is rarely worth fighting — deep menus perform badly on any site, because visitors do not explore navigation they cannot see.
How do I change the order of items in a dropdown?
Drag them in the Pages panel. Menu order follows panel order exactly, both for top-level items and for pages inside a folder.
How do I add an external link to the Squarespace menu?
Add a link item rather than a page. Links can sit at the top level or inside a folder, and they are also the mechanism for making a folder title effectively clickable.
How do I hide a page from the Squarespace menu?
Move it to Not Linked in the Pages panel. Note that a page in Not Linked has no internal links pointing at it, so link to it from somewhere else if you still want it found.
Can I build a mega menu in Squarespace?
Not natively. It requires custom code, and the usual alternative is a full-width section on a landing page that acts as a visual index for that part of the site. That is often better for visitors anyway.
Can I style individual menu items differently?
Not without custom CSS. Site styles apply to the navigation as a whole, which is a constraint that keeps most sites looking coherent.
How many items should be in my navigation?
Five to seven top-level items is a sensible ceiling, and a dropdown with more than about seven entries usually means the structure needs rethinking rather than reorganising. An overloaded menu is a symptom of missing hierarchy.
Does a dropdown menu hurt SEO?
No. Menu links are ordinary links and pass value normally. What matters is that every page you want found is linked from somewhere, and that the menu label describes the destination.
Are pages inside a folder harder for search engines to find?
No. They are linked from the navigation like any other page. The genuine risk is pages moved to Not Linked to tidy the menu, which leaves them with no internal links at all.
Should the menu label match the page title?
It should describe the destination clearly. Menu labels are usually shorter than page titles, which is fine, but a label like About Us tells the visitor less than a specific one does.
Can I have a different menu on different pages?
Not without significant custom work. Squarespace uses one navigation site-wide by design, and working around that tends to produce fragile code that breaks on platform updates.
What is the difference between a folder and a page?
A folder groups navigation and holds no content. A page holds content. Squarespace keeps the two concepts deliberately separate, which is the source of most confusion about menus.
Why does my mobile menu look different?
Because Squarespace renders navigation differently on small screens, typically as an expanding list rather than a hover dropdown. Always check both; a menu that works on desktop can be unusable on a phone.
Should I duplicate a folder name as a separate page?
No. That creates two competing entries in the navigation and confuses visitors about which one to use. Use a link item or an overview page inside the folder instead.
What is the quickest way to check my navigation is right?
Ask someone who has never seen the site where they would look for a specific piece of information. If they cannot guess, adding more menu items will not help — the structure is the problem.
How often should I change my navigation?
Rarely. Menu labels are how returning visitors orient themselves, and changing them frequently discards whatever recognition they had built. Change it when the site’s structure genuinely changes, not as a styling exercise.

Sources and further reading

  1. Google Search Essentials — SEO starter guide
  2. Google: creating helpful, reliable, people-first content
  3. Google: intro to structured data
  4. Google: LocalBusiness structured data
  5. Google: FAQPage structured data
  6. Google: Article structured data
  7. Google: Product structured data
  8. Google: title links in search results
  9. Google: control your snippets
  10. Google: robots.txt introduction
  11. Google: sitemaps overview
  12. Google: consolidate duplicate URLs
  13. Google: redirects and Search
  14. Google: JavaScript SEO basics
  15. Google: multi-regional and multilingual sites
  16. Google Search Central Blog
  17. Google: get started with Search Console
  18. Google: how local search results are determined
  19. Google Business Profile: prohibited and restricted content
  20. Google Business Profile: address and service area guidelines
  21. Google Business Profile: review policy
  22. Google Business Profile: add or edit categories
  23. Google Ads: location targeting settings
  24. Google Ads: about negative keywords
  25. Google Ads: about Quality Score
  26. Google Ads: importing offline conversions
  27. Google Ads: about Smart Bidding
  28. Google Ads: about Performance Max
  29. Google Local Services Ads: eligibility and screening
  30. Google Ads: keyword match types
  31. Google Analytics 4: about conversions
  32. Google Analytics 4: attribution models
  33. US Census Bureau QuickFacts: New Jersey
  34. US Census Bureau: American Community Survey
  35. US Census: Statistics of US Businesses
  36. Bureau of Labor Statistics: New Jersey data
  37. BLS: Occupational Employment and Wage Statistics
  38. NJ Department of Labor: labor market information
  39. New Jersey Business Action Center
  40. US Small Business Administration: New Jersey district
  41. USA.gov: business resources
  42. web.dev: Core Web Vitals explained
  43. web.dev: Largest Contentful Paint
  44. web.dev: Cumulative Layout Shift
  45. web.dev: Interaction to Next Paint
  46. Google PageSpeed Insights
  47. Google Rich Results Test
  48. Google Search Console
  49. W3C Markup Validation Service
  50. Schema.org: LocalBusiness type
  51. Schema.org: Service type
  52. Schema.org: FAQPage type
  53. Schema.org: HowTo type
  54. W3C: WCAG 2.2 quick reference
  55. FTC: CAN-SPAM Act compliance guide
  56. FCC: telemarketing and robocall rules (TCPA)
  57. FTC endorsement guides — reviews and testimonials
  58. FTC: rule on consumer reviews and testimonials
  59. HHS: HIPAA guidance on online tracking technologies
  60. New Jersey Courts: attorney advertising guidelines
  61. New Jersey DCA: construction codes and permits
  62. New Jersey Home Improvement Contractor registration
  63. New Jersey Division of Consumer Affairs
  64. TikTok for Business
  65. TikTok Creative Center
  66. TikTok Ads Help Center
  67. TikTok Community Guidelines
  68. TikTok Terms of Service
  69. TikTok Privacy Policy
  70. TikTok Safety Center
  71. TikTok Transparency Center
  72. TikTok Creator Portal
  73. TikTok Newsroom
  74. TikTok for Developers
  75. TikTok advertising solutions
  76. TikTok Creator Marketplace
  77. TikTok Business Center
  78. TikTok for Business blog
  79. TikTok Creative Center: top ads
  80. TikTok Branded Content policy
  81. TikTok Shop for sellers
  82. Instagram for Business
  83. Instagram for Creators
  84. Instagram Help Center
  85. About Instagram
  86. Meta Business Suite
  87. Meta Business Help Center
  88. Meta Transparency Center
  89. About Meta
  90. Meta: Instagram platform docs
  91. YouTube Creators
  92. YouTube Official Blog
  93. YouTube Shorts help
  94. How YouTube Works
  95. YouTube Studio
  96. LinkedIn Marketing Solutions
  97. LinkedIn Help
  98. Pinterest Business
  99. Pinterest Business Help
  100. Snapchat for Business
  101. X for Business
  102. Reddit communities
  103. Reddit for Business Help
  104. ASCAP
  105. BMI
  106. SESAC
  107. Global Music Rights
  108. PRS for Music (UK)
  109. PPL (UK)
  110. SOCAN (Canada)
  111. APRA AMCOS (Australia)
  112. GEMA (Germany)
  113. SACEM (France)
  114. SIAE (Italy)
  115. JASRAC (Japan)
  116. IFPI
  117. RIAA
  118. National Music Publishers Association
  119. Harry Fox Agency
  120. SoundExchange
  121. Music Reports
  122. Epidemic Sound
  123. Artlist
  124. Soundstripe
  125. PremiumBeat
  126. AudioJungle
  127. Free Music Archive
  128. Creative Commons
  129. Incompetech
  130. FTC: advertising and marketing
  131. FTC: disclosures 101
  132. FTC: endorsement guides
  133. FTC: consumer reviews rule
  134. FTC: advertising FAQs
  135. US Copyright Office
  136. US Copyright Office: DMCA
  137. US Copyright Office: music FAQ
  138. US Copyright Office: fair use FAQ
  139. USPTO: trademarks
  140. UK Advertising Standards Authority
  141. ACCC (Australia)
  142. Competition Bureau Canada
  143. GDPR overview
  144. California Consumer Privacy Act
  145. COPPA
  146. FTC: children’s privacy
  147. W3C Web Accessibility Initiative
  148. W3C: WCAG
  149. W3C: captions
  150. W3C: making audio and video accessible
  151. ADA.gov
  152. WebAIM
  153. Epilepsy Foundation
  154. Pew Research: internet and technology
  155. DataReportal
  156. US Census Bureau
  157. US Bureau of Labor Statistics
  158. Interactive Advertising Bureau
  159. Think with Google
  160. Google Trends
  161. Nielsen insights
  162. Schema.org: VideoObject
  163. Schema.org: SocialMediaPosting
  164. Schema.org: MusicRecording
  165. Schema.org: HowTo
  166. Schema.org: FAQPage
  167. Schema.org: Organization
  168. Google: video best practices
  169. Google: video structured data
  170. CapCut
  171. Adobe Premiere Rush
  172. DaVinci Resolve
  173. Canva
  174. Descript
  175. VEED
  176. Kapwing
  177. Otter.ai
  178. Later
  179. Buffer
  180. Hootsuite
  181. Sprout Social
  182. Google Analytics
  183. Google Search Console
  184. Google Analytics developer docs
  185. GA4: events and conversions
  186. Matomo
  187. Plausible Analytics
  188. Similarweb
  189. UK Information Commissioner’s Office
  190. Office of the Privacy Commissioner of Canada
  191. Australian OAIC
  192. European Data Protection Board
  193. EU data protection
  194. EU Digital Services Act
  195. Ofcom
  196. FCC
  197. AIGA
  198. Nielsen Norman Group
  199. Smashing Magazine
  200. web.dev
  201. MDN: web media
  202. MDN: the video element
  203. ISO 21001 (reference)
  204. Buma/Stemra (Netherlands)
  205. STIM (Sweden)
  206. Teosto (Finland)
  207. Koda (Denmark)
  208. TONO (Norway)
  209. IMRO (Ireland)
  210. SGAE (Spain)
  211. ZAiKS (Poland)
  212. KOMCA (South Korea)
  213. MCSC (China)
  214. CISAC
  215. World Intellectual Property Organization
  216. TikTok: creating videos
  217. TikTok: exploring videos
  218. TikTok: privacy settings
  219. TikTok: growing your audience
  220. TikTok Creator Academy
  221. TikTok Effect House
  222. TikTok for small business
  223. Instagram: Reels help
  224. YouTube: Shorts best practice
  225. How YouTube recommends
  226. Pinterest Predicts
  227. Snapchat for Business
  228. Hootsuite blog
  229. Social Media Examiner
  230. Marketing Week
  231. Adweek

Get a free marketing proposal

Tell us what you are trying to grow and we will come back with a plan, not a pitch deck. Same-day reply on weekdays.

Our website uses cookies from third party services to improve your browsing experience. Read more about this and how you can control cookies by clicking "Privacy Preferences".
Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.
Privacy Policy
You have read and agreed to our privacy policy
Required