Header Theme Options


{Theme} comes with extended options to configure headers appearance. You can choose options globally via Appearance > Theme Options. Those settings will be by default applied for every page.

In Theme Options > Main Navbar you can select option for navigation menu appearance.

Theme Options Main Navigation settings

Theme Options Main Navigation settings

You can select here one of four Navigation Types:

  • default
    Default Navigation

    Default Navigation

  • motive
    Motive Navigation Type

    Motive Navigation Type

  • inverse
    Inverse Navigation Type

    Inverse Navigation Type

  • transparent
    Transparent Navigation Type

    Transparent Navigation Type

Once you setup navigation bar background color with it’s type – you can adjust Style for active element in menu: You can choose one of five types:

Active element type 1

Active element type 1

Active element type 2

Active element type 2

Active element type 3

Active element type 3

Active element type 4

Active element type 4

Active element type 5

Active element type 5

In Main Navbar settings you can also select:

  1. Fixed menu type
  2. Dropdown animation
  3. Logo position
  4. If search should be displayed
  5. Search label
  6. Search placeholde
  7. Search icon

In Theme Options > Pages – Header you can select option for page header appearance

You can define here:

  • Diagonal [1]
  • Triangle [2]
  • Icon [3]
  • Summary [4]
Header options

Header options

  • Background Color
  • Text Color
  • Header Margins and Paddings
  • Shadow
Header shadow

Header shadow

Or choose one of predefined simple header styles:

Simple header type 1

Simple header type 1

Simple Header type 2

Simple Header type 2

Simple header type 3

Simple header type 3

You can also add media to header background:

  • parallax
  • kenburns
  • video

 

You can setup header settings for every page separately in Header and Navbar settings [1], which you will find below page content edition window.

Header settings

Header settings

Below header settings you can also choose if your page title should be displayed or not [2]