Note: This option requires the Menu Plus add-on in GP Premium. The mobile header option is found in Appearance > Customize > Layout > Header. This option disables the default website header on mobile devices: and replaces it with a streamlined version: The mobile header inherits your navigation colors set in Customize > Colors > Primary Navigation. […]
Using navigation as a header as seen above is one of the most popular and requested layouts currently. Starting in GP Premium 1.8, you can find this option under Layout > Header: Basic Make sure there is a site title or/and a logo in added Site Identity. Check to activate Use Navigation as Header option […]
Transparent header and navigation layout in the example above is very popular and can be achieve easily with our Header Element module. The steps are the same whether you are using a page builder or not. The key settings to achieve this are highlighted in blue below: The settings highlighted in orange above are optional. […]
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 […]
The Elements module requires GP Premium 1.7 or newer. This new powerful module replaces the Page Header and GP Hooks modules. Of course, those modules will still exist and function as they do now if you’re using them. When and if you’re ready, you’ll be able to manually migrate your old Page Headers and Hooks […]
Note: This hook is included in GP Premium. The generate_inside_mobile_header hook appears inside the #mobile-header element. Usage Please refer to the Using Hooks article to learn how to use this hook.
Page Headers have a list of dynamic template tags which you can add to your content. These tags will pick up elements based on the page you’re currently viewing. {{post_title}} Will pick up the title of the page or post you’re currently viewing. It will also pick up the current taxonomy title if the Page […]
The header widget area allows you to put any kind of widget in it and it will show up on the right side of the header area. This leaves some space in the center of the header. If you would like to use this area by splitting the header in three, try the following steps: […]
Note: This hook is included in GP Premium. The generate_inside_mobile_header_menu hook appears inside the .menu-toggle element within the mobile header. Usage Please refer to the Using Hooks article to learn how to use this hook.
The generate_header hook is inside your header.php and is where your entire header element is hooked into. It sits between the generate_before_header and generate_after_header hook. You can use this hook to completely remove the <header> element from your page: add_action( ‘after_setup_theme’,’tu_remove_header’ ); function tu_remove_header() { remove_action( ‘generate_header’,’generate_construct_header’ ); } Learn how to add PHP here.