ByteEditor Website Builder
Wiki menu
Customize Header & Footer
⚠ Note
The header and footer layouts of a design are set on its “Header & Footer” tab. Their colours are theme tokens on the “Theme” tab, and their menu links, buttons and footer content are edited in Content → Settings.
Step 1. Open the Design Builder
Click Design Builder in the Content section and open the design you want to change (see Customize Colors for how to choose the default design).
Step 2. Open the Header & Footer tab
Open the Header & Footer tab.
Step 3. Choose the header
Pick a layout in Header Options:
| Option | Layout |
|---|---|
| header1 | Menu and buttons on the right of the logo |
| header2 | Menu centered between the logo and the buttons |
| header3 | Menu right after the logo, buttons pushed to the far right |
Turn on Show Header On Scroll to keep the header fixed at the top of the screen while visitors scroll.
Step 4. Choose the footer
Pick a layout in Footer Options:
| Option | Layout |
|---|---|
| footer1 | Link columns centered above a bottom bar with the copyright text and social icons |
| footer2 | A Socials column on the left, link columns on the right |
| footer3 | Link columns on the left, a Socials column on the right |
| footer4 | Adds a logo column and a custom content area alongside the link columns |
Step 5. Save and publish
Click Save and publish.
Related
- Colours: the header and footer colours are the “color.header.*” and “color.footer.*” tokens, see Customize Colors.
- Menu and content: menu links, buttons, footer link columns, social icons and the copyright text are edited in Content → Settings, on the Header and Footer tabs.
- Your own layout: to add a header or footer layout of your own, see Header Customization and Footer Customization.