This section completes: Decide which template to use for the header/footer, and fine-tune the main button and allowed content.
Menu links can be found in How to Edit Menu. Default is owner only.
Path
Website → Header and Footer. Page description: Set header/footer components for the entire site, header menu, and footer menu.
Header
- Select header components (actual names depend on the components installed on the site).
- Logo and site name come from basic settings and are not uploaded here.
- Mega Multi-column Menu: When enabled, the group menu expands into a full-width multi-column (links for each column must be set in the header menu); when disabled, it will be a single-column dropdown.
- Header Main Button (CTA): Can link to internal pages, URLs, or open a form. Multilingual options can have different button text.
- Open Header Editor: Full-screen adjustment of the content and options allowed for that component (varies by component). The subtitle is "Edit Entire Site Header". Please save after making changes.
- Background: In the header editor, choose to follow the theme, light background color, white, dark, brand color wash, or custom colors. Following the theme will use the current header background color. Dark will change the navigation text to a light color. The announcement bar does not change with this setting. When the announcement bar is on, this same page can change its background and text colors (leave them empty to follow the theme). The Announcement tab under Conversion tools changes the same settings.
Footer
- Select footer components.
- The footer brand area and contact section are mostly adjusted in Open Footer Editor; the data source for the phone/social media section is still Contact and Social.
- Footer Menu block edits the bottom links.
- Background: Adjust in the footer editor, options are the same as the header. When a specific background is set, the footer changes to a solid color.
After saving the entire page, a prompt will appear saying "Site header/footer components updated" or "Header and footer settings saved" (depending on the range you modified).
How to verify
- Check header height, logo, and main button on the front-end desktop/mobile.
- When Mega is open, confirm the multi-column panel with items that have sub-links.
- The footer includes brand introduction, contact bar, and copyright (depending on components).
- Text modified in the visual editor appears; if not saved, a reminder should pop up when closing.
Common issues
| Status | What to do |
|---|---|
| "Enable Header Editor" not available | The current component is not supported, or you do not have permission. |
| Main button not appearing | Text and link are both empty; or the component does not display a CTA. |
| Contact information changed but footer not updated | Information is in the Contact and Community page; this page only determines whether to display that column in the layout. |