Above Header

“Above Header” appears right above the Main header and allows you to show multiple elements like social icons, menu, search, Text, Widgets. Here styling can be done using the color scheme, height, border and many more.

For Above header Navigate to Appearance > Customizer > Layout > Header > Above Header.

Above Header Layout –

You’ll get three different layouts in ” Above Header”.

  • Layout 1 – We can also say it single column layout. You can add Contents like menu items, search icon, social media profile, text or widgets. Show your selected content in the center most area of above header.
  • Layout 2 – This layout has two column, here also you can add Contents like menu items, search icon, social media profile, text or widgets in two separate columns. Show your selected content in left side and right side respectively.
  • Layout 3 – This layout show three column and can add same items which can be added in single column layout and two column layout.

above-header (1)

Contents you can Set in Above Header are –

Menu – Display your “Menu” items with this option. To set menu in zita follow this link.

above-header-menu

Search – It will add search box for site.

above-header-search

Social media – You can add “Social media” profile in above header with this option. To setup social media follow this link..

above-header-social-media

Text – You can insert “Text” in above header with this option.

above-header-text-doc

Widget – Add “Widgets” in above header with this option.

above-header-widget

Height –

Adjust the height of your above header by increasing or decreasing the scroll bar or enter the value in text box.

Above Bottom Border –

This will add border below it which will also work as a separator between the main header and above the header. Just adjust the width by increasing or decreasing the scroll bar or enter the value in text box.

Above Border Color –

Pick the desired color for your bottom border and make your above header separate from the main header. It will only appear when you add a border in your above header.

header-height

Mobile Header Alignment –

Display your header as stack or inline aligned for mobile devices with this option.

Color scheme –

Select the desired color scheme for your above header by clicking on the image. You can show your text in white and background in black or vice versa.

color-scheme-header

Space Above Header – Pro Feature

Using this option you can add “top & bottom space” in your Above Header. This will separate the Above Header from the Main header.

above-header-space-zita-pro

Color & Background for Above header – Pro Feature

To add Color & Background in your Above header. Follow this Doc.

Still feel any difficulty, Visit to our Support forum.