Easy Tech TutsHow to Move Menu Bar on Squarespace, edit Navigation Size Color 2026
By Impran M N
Your navigation bar sets the tone for your whole site, so getting its position, size, and colors right matters. This guide explains how to move the menu bar, adjust navigation font size, and change colors to match your brand using Squarespace's style editor.
01Access the style editor
Open your site's design settings to reach the style editor, which controls navigation position, fonts, and colors.
02Move the menu bar position
Use the style editor options to reposition the menu — for example, moving it to the top, side, or a custom placement.
03Change the navigation font size
Adjust the font size setting for the menu so it fits your header design and stays readable.
04Edit menu colors
Update the navigation colors to match your brand, changing text and background colors as needed.
05Check mobile menu adjustments
Preview the menu on mobile and adjust settings so navigation stays usable on smaller screens.
Frequently asked questions
Can I move the menu bar without coding?
Yes, the style editor lets you reposition the menu bar through built-in settings, no code required.
How do I change the navigation font size?
The style editor includes a font size control specifically for the navigation menu.
Can I use custom CSS for more control over the menu?
Yes, adding custom CSS gives you additional design flexibility beyond the standard style editor options.
Will menu changes automatically apply to mobile?
Most style editor changes carry over to mobile, but it's worth checking the mobile menu separately to confirm it looks right.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
