Replacing the Site Header

Using a Hook Element, we can replace the default theme site header with our own HTML.

First, create a new Hook Element.

Then, select the header hook from the dropdown of available hooks.

When you do this, an option will appear below it asking if you’d like to disable the site header.

Checking this option will disable the default site header in the theme.

Now in the hook content you can build your own header using HTML, or you can use a shortcode to a template created in your favorite page builder.