[Support request] Full Screen Image Header Above Nav Menu

[Hugo]

Hi Tom.
Is there a way to do that in GP?

See the image attached. Thanks

[Tom]

Hi Hugo,

I’m sure it can be done.

Can you set up your page using the Page Header and merge your navigation with it?: https://docs.generatepress.com/article/merging-the-page-header-site-header/

Once you do that, link me to the page and I’ll see what I can do 🙂

[Hugo]

Thanks Tom.

This is the link https://tecnohl.tk/

[Leo]

Try this: https://generatepress.com/forums/topic/page-header-image-above-menu/#post-288568

Then set header padding to 0: https://docs.generatepress.com/article/header-padding/

[Hugo]

Hi Leo.It works. But to see the nav bar i have to scroll down the page. I want to see the nav bar without scroll the page.

Thanks

[Leo]

Where are you adding that picture?

Doesn’t look like you are using page header anymore?

[Hugo]

I disable de header, and i put the image in the before header hook.

With the header didnt work.

[Tom]

Is there any way you can link me to an example page where this is being done? I wouldn’t mind checking out how they’re doing it.

Let me know 🙂

[Hugo]

http://themes.muffingroup.com/be/vpn/

[Tom]

Got it.

Right now, you have a static image added, which won’t work.

You need to add it as a background image to an element in order to set the height of it.

The Page Header module is the easiest way to achieve it, but you can also add your own element with the background image.

Once you do that let me know and I’ll provide a little CSS 🙂

[Hugo]

Ready. I put the image as a header. im waiting for you

[Tom]

Alright, getting there!

You’ll actually want to turn off the “Merged header” option in the Page Header settings.

Then add the code Leo pointed you to: https://generatepress.com/forums/topic/page-header-image-above-menu/#post-288568

[Hugo]

Hi Tom. I do that. Disable the merge header option, and i put the phpcode.
Nothings happend.

Thanks

[Tom]

Sorry, that was the wrong snippet.

Can you try this instead?:

add_action( 'after_setup_theme', 'tu_move_navigation' );
function tu_move_navigation() {
    remove_action( 'generate_after_header', 'generate_add_navigation_after_header', 5 );
    add_action( 'generate_after_header', 'generate_add_navigation_after_header', 99 );
}

[Hugo]

Hi Tom. It didnt work

[Author]

Posts