Header Booster Module Documentation

Header Booster is part of Neve Pro Addon's modules. If you would like to learn more about the Neve Pro Addon, take a look at Neve Pro Addon's full documentation.

The Header Booster module is enhancing Neve's header builder by providing new components, sticky and transparent menus, conditional headers and a page header builder.


Activating the module

To activate the Header Booster module, navigate to   Appearance > Neve Options > Neve Pro and enable the module.

Features

1. Conditional Headers

This is one of the most exciting features of the Header Booster module. It allows you to  load different headers on different pages, creating an awesome looking website with minimal hassle.

Going inside Appearance > Customize > Header you will see the header builder area, with its three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. But you will also notice the toggle called Show This Header Site-wide which is enabled by default.

While this option is enabled, the header created inside the header builder area will appear on all pages of the site.

To create different headers for different pages the first step is to disable the Show This Header Site-wide toggle. Once that is done, a new area will appear, where you will be able to see all the existing headers (if there are any) and create a new header. By default, there will be just one header, called Default which will appear on all pages, as there are no special conditions for it at first.

To create a new header you need to click on the Add New Header button and enter the name of your choice.

At this moment, the new header is created and all you have to do is customize it (add, remove or rearrange any components in the header builder area, as you need for the new header) and choose the conditions that must be met by the pages that will use the custom header. 

For this example, I've created a custom header that will appear in all single post pages. For that, I've selected the condition  Post Type is Posts, but the possibilities are endless. You can add multiple conditions, like for example, have a custom header appear on all pages with a certain template just for logged in users.

Note: Even though you are creating a header that will appear on a specific page, in Customizer you will see the currently edited header apply on all pages. 

Note: You can always know which header you are currently customizing. Just check the header builder area, and you will see a message in the form of "You are customizing the X Header". Check out this video for a real example.

2. New components for the builder

The Header Booster module adds new components in the Header builder, that can be accessed through Appearance > Customize > Header.

Note: Read here about the components available in Neve ( Logo & Site Identity, Primary Menu, Menu Icon, Button, HTML, Search Form, Secondary Menu, Cart Icon ).

Neve Pro has two extra Button and HTML components, one extra Search Form, Menu Icon and Primary Menu components that can be used to have multiple buttons, HTML areas, search forms, and primary menus in the header, whereas the free version allows for just one of each.

Logo & Site Identity is another extra component that allows for multiple logos in the header, instead of just one in the free version. This can be used in combination with the Sticky header option to obtain a shrinking effect for the header.

Social Icons is the component that allows for unlimited social links in the header, without the need of any plugin. 

Contact allows for unlimited fields of type Text, Email or Phone.

Breadcrumbs is a special type of component that can be added in the header, only when one of these plugins is installed and configured to display breadcrumbs: Yoast SEO, Rank Math SEO, Breadcrumb NavXT, or SEOPress.

Wish List is a special component that can be used only if the Wish List mechanism is enabled in the WooCommerce Booster module

3. Transparent Header

The Transparent Header option allows you to easily create beautiful looking headers. 

Enabling this option will set the header background to transparent and pull the page content to the top. That means your top part of the page content will be set as a background to the transparent header.

As Neve supports conditional headers (mentioned before), the transparent header option is built accordingly. 

If you keep the Show This Header Site-wide option enabled (meaning there will be just one header on all pages of the site), you will be able to Enable Transparent Header.  Once that option is selected, a new option will appear to Show Transparent Header on the Homepage Only. By disabling that, you will make the header transparent on all pages of the site.

If you want to use conditional headers, for each header that you will create, you will be able to click on the Enable Transparent Header option, making each header transparent or not, depending on your needs.

4. Sticky Header

Each of the header builder's three rows can be set up as Sticky and/or Show only on scroll

Sticky means the row will always stick to the top of the page. 

Show only on scroll means the row will appear only after the user scrolled the page.

The two options can be accessed by clicking on the gear icon from the beginning of each row.

Want to shrink the sticky header on scroll? Follow this doc.

Apar from the header builder, the Header Booster module allows for the customization of the Page Header area ( the area below the header, where the page title is displayed ). The page header can be customized by navigating to Appearance > Customize > Page Header.

The page header builder consists of two rows, Buttons, HTML areas, and a Page Header Menu component.

Apart from HTML code, the HTML component allows for some magic tags: {title}{date} and {author} which are replaced automatically on each page with the actual title of the page, publish date and author name.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.