Main Header

Main header covers logo and main navigation for your site
To show navigation in your “header” first set the menus from the dashboard. Follow this article for setting up menus.
With Main header setting, you can modify your overall header by adding different layouts with other content. For Main Header, Go to Appearance > Customize > Layout > Main Header .

Header Layout –

There are five different header layout in Main Header and each layout have a unique design.

  • Layout 1 – This layout will display your site logo or site title, tagline on the left side and navigation menu on the right side.
  • layout-1-main-header

  • Layout 2 – This layout will display your site logo or site title, tagline in the center and navigation menu just below the logo.
  • layout-2-main-header

  • Layout 3 – This layout will display your site logo or site title, tagline on the right side and navigation menu on the left side.
  • Layout 4 – This layout will display your site logo or site title, tagline, menu items in left pane.
  • layout-4-main-header

  • Layout 5 – This layout will display your site logo or site title, tagline, menu items in right pane.
  • layout-5-main-header

  • Layout 6 – This layout will display your header in compact mode fixed horizontally on the top of your site with a toggle menu button to expand the menu. It will also display your Site Title and tagline.
  • layout-6-main-header

  • Layout 7 – This layout will display your header in compact mode fixed vertically on the Left side of your site with a toggle menu button to expand the menu. It will also display your Site Title and tagline in the bottom area of the left side.
  • main-header-layout-7

  • Layout 8 – This layout will display your header in compact mode fixed vertically on the Right side of your site with a toggle menu button to expand the menu. It will also display your Site Title and tagline in the bottom area of right side.
  • main-header-layout-8

  • Layout 9 – Pro This layout will display your header in compact mode fixed horizontally on the bottom of your site with a toggle menu button to expand the menu. It will also display your Site Title and tagline.

Note – You can Disable or Enable menu items from your site. Just check the box “Disable Menu”.

Last Menu Item –

This option will allow you to show, search icon, social media profile, text, button or widgets as the last menu item.

Bottom Border size –

Add border and show a separation between Main header and Below Header. You can adjust the width by increasing or decreasing the scroll bar or enter the value in text box.

Bottom Border Color –

Pick desired color for your “main header” border. It will only appear when you add a border in your header

Enable Full Width Header –

Check this option to show your Header in Full Width area.

Mobile Menu Open –

Choose the Mobile menu alignment left. right or center with this option.

Mobile Header Alignment –

Display your header as a 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.

Space Main Header – Pro Feature

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

main-header-space-zita-pro

Color & Background for Below header – Pro Feature

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

Still feel any difficulty, Visit to our Support forum.