Skip to content

Header layouts

Headers in Fenix are composed by three parts:

  1. The Header layout, which is where the logo and navigation components are,
  2. a Top bar, which is a wildcard area that’s placed on top of the Header layout,
  3. a Bottom bar, which is identical to the Top bar, but placed below the Header layout.

You can edit each area by clicking on the corresponding button that’s placed in the middle of each section, in the Layout editing screen.

The Top and Bottom bars are structured in columns and their content is powered by widgets: for each area, you’ll need to choose the number of columns you want to use (one or two), and which widget area to display in each column. For more about Widget areas, go check the appropriate section in the documentation.

The Header layout part is the most important one, since it gives you the ability to select a logo for your website, and decide the navigation structure. You can pick a particular Header appearance by selecting one of the available presets that will be displayed to you after clicking on the Choose a header layout button.

The number of presets available for you to choose from depends on the Layout orientation you’ve chosen.

Each preset may have a specific set of options that will appear after you’ve selected it, but generally speaking all the presets share the same logic: for each preset, you can choose whether to display the logo tagline or not, enable extra elements such as a search icon before or after the navigation component, or a cart icon, if you’re using the the WooCommerce plugin.