To get started, go into your admin dashboard, navigate to General Content > Menus > Headers.

Once you selected Headers, you will see the existing header which you can edit by clicking on the Edit button.

Once you are in the Menu Editor, you will notice 3 tabs on the left side which are:

  • Desktop Menu
  • Mobile Menu
  • Target

Now let's break down each tab, and how to use them. We will cover Targeting in a separate article.

Desktop Menu

This tab is where you essentially customize the most of the options that are available.

To see the options/features available for customization, click here:

Features:

  • Container/No Container
  • Text Logo/ Image Logo
  • Logo Height
  • Menu Selection

Collapsing the "Menu" tab will allow you to select which menu to include in the header.

There are further Options below this tab which covers mostly the color customization of the Menu like:

  • Header Type (Absolute/Standard)
  • Links Color/ Links Hover Color
  • Text Color
  • Border Color

Mobile Menu

This is the place where you customize your Menu for Mobile. To preview the menu, click on the little hamburger menu on the right side.

You can select which menu to include for the mobile version:

And you can select it's Color Scheme:

Note: Primary color will pull the color from the site's primary color you choose beforehand.

Once you are happy with the changes you made to your header, click on the check mark button to save all your changes, and lastly the X button to exit the Header Editor.

Further Education about the Spark Header & Footer Editor:

  1. Spark Header - Custom Headers and Page Level Targeting
  2. Spark Footer - The Basics
  3. Choosing Default Headers & Footers
Did this answer your question?