Navigation Menu Customizer
Style your existing Squarespace 7.1 navigation. Dropdowns, mobile menu, active states, transparent header, typography, all in one tool.
One-time purchase for personal use. A free account and email verification are required. Preview your styles before buying.
Preview the details before you buy
Start with Squarespace’s native header and navigation controls. Use this customizer for a coordinated CSS treatment when you want more control over dropdowns, active links, and mobile colors. It styles your existing menu; it does not add nested dropdowns or a mega menu. This tool generates CSS for the settings below. Preview it freely; code export costs $11.99 for personal use and requires a verified account. Your settings stay in this browser tab while you sign in or check out. For a single color change, start with the free dropdown CSS and installation guide.
Your next step
Like the result? Put it on your site.
Checking your tool access...
How to add this to Squarespace
- Copy the generated CSS above.
- Go to your site's Custom CSS panel.
- Paste the CSS at the bottom of the editor.
- Click Save. Check the published page at desktop and mobile sizes. Your existing theme and CSS can affect the result.
Keep this open beside Squarespace
Check your installation.
Use the saved page outside edit mode. Start on an unlinked test page and keep a copy of existing custom code.
Remove the change
Remove the added navigation rules from Custom CSS and save. Restore your backup if you replaced earlier rules.
What to send if you need help
Tell us the tool name, your page URL, Squarespace version, browser/device, what you expected, and what happened. A screenshot helps. Do not send passwords, private access links, or payment details.
Contact Squarespace Tools supportNeed a hand with your site?
Get help installing, styling, or troubleshooting your changes.
