[Support request] Creating Minimalist Header (not site-wide)

[Evan]

Hi, we are looking to create a minimalist header basically identical to this >

https://screencraft.org/action/

This would not be used site-wide, but rather on an isolated landing page of ours.

Any advice on how to achieve this very much appreciated, as we are struggling to do it using the Header element currently.

ps. the header links can be achieved either via buttons or via a bespoke WP menu we could create, as the other sitewide menu contains too many items

[David]

Hi there,

do you require the site header ( logo / menu / button ) and the hero element ?

And can you share a link to your site so i can see what the current layout is?

[Evan]

Hi David, we just want to copy exactly the layout at the link above, for this one landing page.

https://industrialscripts.com/ is our site so you can see the layout we use, sitewide.

[Leo]

Please refer to the screenshot here:
https://www.screencast.com/t/o7VG6qmKH

The section highlighted in red can be achieved with the navigation as a header option:
https://docs.generatepress.com/article/navigation-as-a-header/

And add button in navigation:
https://docs.generatepress.com/article/adding-buttons-navigation/

As for the section highlighted in green, I would actually recommend adding that as the first section of your home page content using GenerateBlocks instead of the header element module.

Couple of videos that might help:
https://youtu.be/6JhgdR_UMco
https://youtu.be/b9uYD-qTnkY

[Leo]

If you need the navigation as a header for one page only then use this PHP snippet:

add_filter( 'option_generate_menu_plus_settings', function( $settings ) {
    if ( is_page( xx ) ) {
        $settings['navigation_as_header'] = 'true';
    }

    return $settings;
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

And edit xx to the actual ID of the page.

[Evan]

Thanks guys.

I am not a dev and get very nervous with php however. Is there any other creative workaround way of making a one-off landing page use the navigation as header function?

[David]

Unfortunately not – the only way to make the change in layout is to use the function that Leo provided. In the Doc Leo provided there is the second option of using the Code Snippets plugin which would be the simplest method to add that code.

[Author]

Posts