Transform your Squarespace navigation from basic to brand-perfect with SquareKicker's navigation styling tools. Create custom menus that make a memorable first impression and guide visitors through your site with confidence—all without writing code.
Accessing Navigation Tools
SquareKicker's navigation customization tools are located at two levels in the Extension:
- Open the SquareKicker Extension in the top level menu.
- Navigate to either the Site level or Page level. Sitewide changes affect your whole site, page level will apply to just the current page you're working on.
- Access styling options for each part of your menu. When you open the UI and choose a style element, you'll then be able to toggle between the different parts of the menu - Banner, Links, and Dropdowns - and adjust the settings for each.
For example:
Top level menu > Site > Navigation > Background > Banner
Available Styling Options
You can customize the following elements:
- Background
- Border
- Font
- Shadow
- Spacing
Hover Effects
- Click the yellow lightning bolt in the top right corner.
- The lighting bolt will turn blue indicating you are in hover mode. Any changes made in this window will be applied when the cursor hovers over that element in your navigation.
Design Tips
- Your navigation sets the tone for the entire visitor experience
- Custom styling helps your site stand out from standard templates
- Each design decision should reinforce your brand identity
- Match navigation style to your overall site aesthetic
Ready to customize your navigation? Open SquareKicker and explore the styling options at the Site or Page level to create navigation that's uniquely yours.
Need help? Contact SquareKicker support for assistance with navigation customization.