Archived topic
Full Screen Image Header Above Nav Menu
15 replies · Started by Hugo on March 3, 2018
Hi Tom.
Is there a way to do that in GP?
See the image attached. Thanks

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 :)
Thanks Tom.
This is the link https://tecnohl.tk/
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/
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
Where are you adding that picture?
Doesn't look like you are using page header anymore?
I disable de header, and i put the image in the before header hook.
With the header didnt work.
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 :)
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 :)
Ready. I put the image as a header. im waiting for you
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
Hi Tom. I do that. Disable the merge header option, and i put the phpcode.
Nothings happend.
Thanks
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 );
}
Hi Tom. It didnt work