How to Customize the Site Header

7 months ago, Updated
Back to Modules in this section  

The Header of a website is visible on every page and often includes the logo and business name.
Here's how to customize it...

1. Click on Design > Header from the site editor.
Awf sp 22 design header

 


 
2. Use the "Content" tab to add/change the Logo. Oftentimes a logo will include the Business Name, but if not, you can add it separately along with a Tagline if you wish.
Image
3. Use the "Style" tab to change the Header Background Color as well as the Navigation Colors of the site.
Image
4. Use the slider to adjust the Header Height.
Image

Here's some Tips:

Acceptable Logo file types; JPG, PNG, & GIF. For best results be sure to remove any white space around your logo. The logo is a critical element to any company's brand and improves the overall design of your site. The Logo will also help guide you when choosing site colors as you will want to choose colors that either match or compliment the logo. Adding your client's logo is important as it immediately personalizes their site just for their company.

How to Customize the Site Header

Let's see what you've learned. Take the Quiz.

Please complete the quiz below after reviewing the module. Your results will be displayed 30 seconds after submission. You may retake the quiz to improve your score.
Take Quiz