Custom header templates

Chap comes with multiple header templates out of the box. Header template defines the arrangement of main menu, brand and widget areas, but header’s general look and feel will be the result of what type of menu style, widgets, backgrounds and colors are used.

In the theme options under Chap Theme -> Header, there is an option for a default header template, that will be used on all posts and pages. But on individual posts and pages, there is also a Header overrides metabox that allows to display a different header on specific pages (as well as different background image/color).

Header templates are located at /wp-content/themes/chap/templates/header-*.php.

Copy a template file that you would like to modify to your child theme templates directory: /wp-content/themes/chap-child/templates/header-custom-name.php.

Now an option to use “Header custom name” template will be available in the Chap options and metabox.

Modify the header-custom-name.php file to your liking.

A few things to keep in mind:

<?php do_action('chap_render_main_menu_container'); ?>

<?php do_action('chap_render_main_menu'); ?>

<?php do_action('chap_render_main_menu', ['widgets' => false]); ?>

<?php do_action('chap_render_main_menu', ['right' => true]); ?>

<?php do_action('chap_render_branding_container'); ?>

<div class="ui branding container">
    <?php do_action('chap_render_brand', true); ?>
</div>

<?php do_action('chap_render_brand', false); ?>