1. Home
  2. Docs
  3. Theme Options
  4. Header Builder

Header Builder

Suki has Header Builder feature that gives you full control to set layout of your header in desktops, tablets and smartphones. Header Builder is visual builder which helps you create a custom header for your website easily.

To open Header Builder please go to Appearance > Customize > Header.

Suki header for desktop version was designed with 3 rows: Top Bar, Main Bar and Bottom Bar. Each row has 3 areas: left, center and right. In mobile version, there is only 1 row with 3 areas: left, center and right.

At the bottom of header builder editor, you’ll find builder elements that can be added into header area. You can drag and drop the element into header area you want.

Elements that can be added into Suki header for desktop version:

  • Logo
  • Header Menu 1
  • Search Dropdown
  • Search Bar
  • HTML 1
  • Social Icons

Elements that can be added into Suki header for tablet/mobile version:

  • Mobile Logo
  • Toggle Menu
  • Mobile Menu
  • Search Icon
  • Search Bar
  • HTML 1
  • Social Icons

More elements will be available in Suki Pro

Note: Some elements can only placed in specific Header Area. For example: Logo can only be placed in main bar area.