1. Home
  2. Docs
  3. Customization
  4. Header Builder

Header Builder

Suki has Header Builder feature that gives you full control to set layout of your header in desktop, tablet, and also mobile devices. To open Header Builder you can go to Appearance > Customize > Header.


Desktop Header Builder

In Desktop Header, you have 11 different locations where you can put the header elements:

At the bottom of header builder, you’ll find the list of unused header elements. Simply drag and drop the element you want into header location..

Note: Some elements are only allowed to be put into some specific locations. For example: Logo is only allowed in Main Bar. This is because there are some locations that just don’t make sense to have that header element.

Here are the list of header elements that you can put into Desktop Header Builder:


Mobile Header Builder

Suki also has dedicated Mobile Header layout which will replace the Desktop Header on tablet and mobile devices.

In Mobile Header, you have 4 different locations where you can put the header elements:

  • Mobile Main Bar Left
  • Mobile Main Bar Center
  • Mobile Main Bar Right
  • Mobile Drawer (Popup)

Here are the list of header elements that you can put into Mobile Header Builder:

The Mobile Drawer (Popup) location will be displayed when Toggle element is clicked. So you need to add the Toggle element somewhere in the Mobile Main Bar.

Note: Same as Desktop Header, some elements are only allowed to be put into some specific locations.

Was this article helpful to you? Yes No