For the most effective header creation on your website:

Basic Header Setup:

1. Click Edit in the site preview
2. Hover over header and select "Edit site header"
3. Edit site title/logo through the pencil icon
4. Add navigation links through the Pages panel
5. Arrange links by dragging them into position

Desktop Layout:

• Choose between Full or Inset width
• Select header layout from available options
• Adjust padding and spacing between elements
• Set background style (Full, Gradient, or Adaptable)
• Enable fixed position if desired

Mobile Optimization:

• Switch to mobile view via Mobile icon
• Select mobile-specific layout
• Customize menu appearance for collapsed/expanded states
• Adjust font sizes and spacing
• Set menu icon style

Additional Features:

• Add call-to-action buttons
• Include social media icons
• Add shopping cart icon
• Enable customer account login
• Include language selection options

Styling Options:

• Drop shadow effects
• Border customization
• Background colors and gradients
• Opacity adjustments
• Blur effects

For specific pages, you can hide the header by:

1. Opening the Pages panel
2. Selecting page settings
3. Disabling "Show header" option

Remember to save all changes before exiting the editor.

For optimal user experience, ensure your header is:

• Consistent across all pages
• Responsive on all devices
• Easy to navigate
• Aligned with your brand identity

Related Articles

Previous Articles