Header

Front has predefined headers which can configure using theme options or create with Header block using Static Contents. We can also create unlimited custom headers using Static Contents.

Predefined Headers

Default

Full container

No navbar

Fullscreen

Default with topbar

Default left aligned nav

Default right aligned nav

Default center aligned nav

Default with topbar center aligned logo on top

Default Dark

Default navbar gradient

Default navbar primary

Job Demo

Search push to top content

Header Components

Top Bar

Output


Top Bar Left Setting:

Top Bar Right Setting:

Top Bar style remain same for all Headers. It has two sections: left and right section. In our theme, top bar includes Custom Links.

You can edit the Top Bar from Appearance > Menus > Edit menus and choose “Topbar Links – Right” or “Topbar Links – Left”.

Output


Settings

You can upload your logo from Appearance > Customize > Site Identity > Logo.

Primary Menu

Output


Settings

Primary Menu is the main menu for the theme and it allows to present a site structure for the users. You can edit the Primary Menu from Appearance > Menus > Edit menus and choose “Primary Menu”.

You need to add this CSS class “btn btn-sm btn-primary transition-3d-hover u-header__nav-last-item” for last menu item “Buy Now”.

Choosing a Header Layout

Header is chosen by default header. To change the header layout :

  1. Navigate to Front.
  2. Click on Header Tab.
  3. You will find Menu Style option with NavbarOff ScreenFull Screen and Logo Only in dropdown.
  4. You will find Is Container Fluid ? option which is used to enable/disable Full container.
  5. You will find Background option which is used to change background of header like Dark, Navbar Primary, Navbar Gradient, etc., Default will be the white background.
  6. Choose the dropdown that represents the style of your choice and click on Save Changes.