Why site header is important
The website header is located at the top of the page and contains important elements such as the website logo, navigation menu, and social media icons. It is usually the first thing that visitors see when they land on a webpage and provides them with a sense of familiarity and navigation.
Navigation
The website header is crucial for navigation and ease of use for visitors. By having a consistent header on each page, visitors can easily navigate to different sections of the website without getting lost. The navigation menu lets visitors quickly find what they are looking for, whether it be FAQs, services, or information. This saves visitors time and effort and ultimately improves their experience on your website.
Components of the site menu
Durable websites' header menu consists of main 4 areas.
Social media icons
Website title & logo
Menu
Buttons
How to edit the header menu
Social media icons
For specific steps on how to add and manage your Social media links, Please see this Guide: Add social media icons on your site
Site name
Go to Website > Edit website.
Click the "..." and "Edit website header" buttons in the header section.
Change the website title, and click "Edit" to change the site name.
Click "Save" in the top bar.
Logo
Go to Website > Edit website.
Click the "..." and "Edit website header" buttons in the header section.
Click "Edit" in the Logo section.
If you want to use your own image as your logo:
Click the "Image" tab.
**Insert image of new option for uploading your own image**
Choose the source. You can choose "Branding" if you already have uploaded the logo through the Brand section. You can also upload your logo image here by choosing "Upload file."
Click "Save" in the top bar.
If you want to manage your website's branding, please see this help document: Add a logo to your site.
Buttons
Please see this help centre document: Add buttons to your site.
Menu style
To customize the menu positioning, sticky header, and navigation style.
Go to Website > Edit website.
Click the "..." and "Edit website header" buttons in the header section.
Click the "Style" tab in the settings panel.
a. Color: See this page to change the site color.
b. Button style: See this page to change the button style.
c. Positioning: This will change the position of the elements within the header.
d. Show home link: Show a link to the home page in the main navigation.
e. Menu (only shows up when you have multiple pages): changes the menu alignment.
f. Navigation style: This will change the highlight style of the page when site visitors click on each menu.
**Screenshot of options**
g. Full width: shows the menu full width when seen on desktop
h. Sticky: Keep the header at the top of the scroll.
i. Spacing: this controls the space between the top and bottom.
**Full width to Spacing options screenshot**Click "Save" in the top bar.
Feel free to reach out to our support team if you have any questions or need additional assistance. We're always here to help!