头部

自从版本Impreza 5.3 头部管理已经移动到 Theme Options > Pages Layout.

Following article describes options for Impreza prior to 5.3 version!

Since Impreza 4.6 you can assign the desired Header, created with the Header Builder addon, to a particular post type

2143.jpeg

Layout #

All below options appear only if the Header Builder addon is deactivated.

2307.png

We created 5 presets of Header Layouts:

The Second, Third and Fifth layouts contain additional header elements as Social Links, Contacts and Dropdown.

Header Layout 1 Header Layout 2 Header Layout 3 Header Layout 4 Header Layout 5
2077.jpeg 2078.jpeg 2079.jpeg 2080.jpeg 2081.jpeg
  • Header Layout 2 If Sticky Header is enabled – top header area becomes hidden on screen width less than 900px. This case is predefined for better user experience.
  • Header Layout 3 If Sticky Header is enabled – top header area won’t be fixed during scroll on screen width less than 900px. This case is predefined for better user experience.
  • Header Layout 4 If Sticky Header is enabled – top header area won’t be fixed during scroll on screen width less than 900px. This case is predefined for better user experience.
  • Header Layout 5 When the screen width is less than 900px this vertical layout transforms to the Second header layout. This case is predefined for better user experience.

Sticky Header #

Check needed checkboxes to fix the header at the top of a page during scroll.

Transparent Header #

When this option is turned on, the header will remain transparent on its initial position. Once the page is scrolled it becomes not transparent. This option applies to the whole site.

Note: Transparent and Sticky options can be set for a separate certain page when editing it. If the options above has no effect for some page, check its Header Options.

Full Width Content #

Turn on this option to stretch header content to the screen width.

Top Area Height #

This option controls the height of additional header area.

Top Sticky Area Height #

This option is available only when the Sticky Header is enabled. It can be used to hide Top Area during page scroll.

Main Area Height #

This option will control the value of the main Header area’s height.

1221.jpg

Main Sticky Area Height #

This option is only available when the Sticky Header is enabled.

Inverted Logo Position #

Turn on this option to place the Logo at the right side of the Header. This option is not available for the Fourth and Fifth Header layouts.

Header Elements #

All below options appear only if the Header Builder addon is deactivated.

Search #

Turn on this option to include the search icon on the Menu, and select one of predefined search screen layouts (Simple, Modern, Full Width, Full Screen).

2310.png

Contacts Info #

Turn on this option to include Phone Number, Email in the header. This option is only available for the Second, Third and Fifth Header Layouts.

2311.png

Logo options #

All below options appear only if the Header Builder addon is deactivated.

Select either Text or Image logo.

Text #

By selecting Text your logo will appear as a text

2308.png

  • Text – fill up the field with the desired logo text
  • Font Size – set a font size which will be used on screen sizes wider than 901px
  • Font Size on Tablets – set a font size which will be used on screens sizes between 900px to 601px inclusively
  • Font Size on Mobiles – set a font size which will be used on screen sizes less than 600px

Image #

By selecting Image your logo will be shown as an image (you can use JPG, PNG and SVG files from Media Library)

2306.png

  • Image – set one of the images from WordPress Media Library to be your logo
  • Height – set your image height for screen sizes wider than 901px
  • Height in the Sticky Header – set your image height for the sticky state of the header
  • Height on Tablets – set your image height for screen sizes between 900px to 601px inclusively
  • Height on Mobiles – set your image height for screen sizes less than 600px

Menu Options #

All below options appear only if the Header Builder addon is deactivated.

2309.png

  1. Menu – select which menu will be shown in your header, you can create or edit menus at Appearance > Menus
  2. Main Items Font Size – set a font size for top-level menu items
  3. Distance Between Main Items – set a distance between menu items
  4. Main Items Height – turn on this option to stretch menu items to the full height of the header
  5. Dropdown Font Size – set a font size for dropdown menu items
  6. Enable mobile layout when screen width is less than
  7. Mobile Menu Behaviour –When this option is enabled, clicking on menu title will open subitems.
    1242.jpg
    When this option is disabled:
    1 – clicking on menu title will open the corresponding page (if it’s set),
    2 – clicking on the arrow will open subitems.
    1244.jpg