Navigation links form a critical part of your website's user experience, directing visitors to different sections. Customization options vary based on your site version (7.0 or 7.1).

Version 7.1 Navigation Settings

• Access through the header editor
• Customize layout, colors, spacing, and mobile appearance
• Control navigation position and fixed/scroll behavior
• Adjust font settings through Site Styles > Fonts > Allocate Styles

Version 7.0 Navigation Settings

• Manage through Site Styles panel
• Look for settings containing "Navigation" in their name
• Use the blue marker box to identify navigation-specific settings
• Customize fonts, colors, spacing, and alignment

Key Customization Options:

• Font: Type, size, weight, and style
• Colors: Links and social media icons
• Layout: Horizontal or vertical positioning
• Spacing: Padding between links
• Mobile display: Menu icon or hamburger menu

Mobile Navigation Features:

• Collapses into menu icon (☰) or "Menu" text
• Customizable through header editor (7.1) or Site Styles (7.0)
• Responsive breakpoints vary by template
• Options to hide menu icon in some templates

Best Practices:

• Keep navigation titles concise
• Group related pages in dropdowns
• Consider mobile visibility when planning layout
• Maintain consistent branding across devices
• Test navigation across different screen sizes

Template-specific features and limitations apply. Some advanced customization options may require custom code, which falls outside standard support coverage.

Related Articles

Previous Articles