Frequently Asked Questions

Header | Logo, Call to Action, Favicon

Last Updated 4 months ago

Each Theme comes with an editable header area which provides the ability to edit your:

  1. Logo - Text or Image
  2. Phone number or call to action
  3. Favicon - this is the small thumb image that shows on a browser tab

Site header

The Header of your website appears consistently site-wide, which means that it stays the same across all web pages.

Headers the logo, navigation and phone number or call to action.

Header example:

image

To edit the elements of your website header:

image

  1. editing of the header can be done from any page.
  2. hover your cursor on top of header section on your page.
  3. click on the edit icon.
  4. customize elements of your website header.
  5. apply.
You have now customized the header of your website. These changes have now been applied across all pages on your website.

Header layout

It's possible to change the layout of the header to a different format should you wish to.

This option is only available in Version 2 themes.
  1. click the sections icon to open the different header layouts in the left panel
  2. click the layout you wish
  3. this will automatically change the header layout

image


Styling the header

To style the header and all contents within it, click on the style icon as highlighted in the image below in the top right corner of the header (only visible on hover)

image

This left panel slides out with the options show in the image below.

image

Header Header styling allows you to change:
  1. colors
  2. spacing
  3. the header being fixed to the top of scrolling with the page
  4. call-to-action styling
Navigation Navigation styling allows you to change:
  1. navigation menu item alignment
  2. text properties
  3. text colors
  4. padding between menu text
It is important to check each device view to see how the site looks and change styles accordingly for each device.

Adding your logo or business name

This short video shows you how to add your logo, or if you do not yet have a logo, your business name as text.

To learn how to change your font styles and colors click here


Changing your logo

To learn how to change your font styles and colors click here

Adding/changing a logo

  1. open your header editor
  2. look for 'Logo' at the top
  3. if you do not have a logo, type your business name into the 'Logo text' field.
  4. if you have a logo click 'edit logo' and browse/insert your image.
    1. if there is text in the logo field, it is ignored in place of the logo image if you have uploaded one. The logo text is then used as the alt text in the code for the logo image and is useful for schema.
  5. click Apply.

image


Changing the logo height

Once you have uploaded your logo, you may need to adjust the height of the logo to fit within your header. To do that:

  1. open your header editor
  2. look for 'Logo height'
  3. either type in the height value you wish for, or use the slider to change the height.
  4. click Apply.

image


Adding a phone number or call to action

To learn how to change your font styles and colors click here

Adding a favicon

This help video shows you how to add a Favicon to your site. The Favicon is the small logo showing on the browser tab.

Steps to add a favicon

Favicon is an important component of a website and is shown at the top of web browser tabs. See example below:

image

To add a favicon:

  1. open your header editor
  2. look for 'Favicon'
  3. browse and insert the image you want to use as the favicon, usually the logo.
  4. click Apply.

image


Navigation

If you are looking at how to manage your navigation, click here.

If you are looking at how to add pages to your navigation, click here.