1. Home
  2. Help Center
  3. Customization
  4. Header Options

The theme includes pre-built 9 header layouts! In case that’s not enough you can build your own. But first let’s check the predesigned ones.

Pre-built header layouts

Navigate to Appearance  Customize  Header → Header Layout and choose your favorite one. You can see the live preview on the right panel.

Here you have some examples:

Version 1
Version 3
Version 4

Build your own header

If you want something different you can add your own elements to the header.

Choose Build my own:

The header has 3 areas (left | center | right). Add the elements you want to each area.

If you leave one of areas empty it won’t be displayed on the frontend.

Header Icons

Go to Appearance  Customize  Header → Header Icons to select the behaviour for some of the icons you added in the previous step.

Mini Cart. Select between bag and cart icon. Also, choose if you want the cart panel to open from the top or the more common side panel.

Finally choose the panel background.

Account. This one is pretty simple. Do you want to open a lightbox with the login form? Otherwise it will work like a regular link to the account page.

Search. Use the built-in ajax search without installing additional plugins? And do you want to narrow your search with a category selector?

Other options

On the same options panel there are 2 important options.

Sticky Header if you want to keep the header fixed at the top when scrolling.

And the padding to define the header height. There are padding options for both regular and sticky menu.

Was this article helpful?

Related Articles