different images in the header for each page of the site

Hi there,

the Header Element was designed for adding page heros that display below the site header/navigation. However, what we can do is:

1. Use a Layout Element to Disable the Site Header.
2. Add this PHP Snippet to move the Primary navigation and the Mobile Header below your Header Element:

add_action( 'after_setup_theme','craig_move_navigation' );
function craig_move_navigation() {
    remove_action( 'generate_after_header', 'generate_add_navigation_after_header', 5 );
    add_action( 'generate_after_header', 'generate_add_navigation_after_header', 15 );
    remove_action( 'generate_after_header', 'generate_menu_plus_mobile_header', 5 );
    add_action( 'generate_after_header', 'generate_menu_plus_mobile_header', 15 );
}

This will replace your site header with your header element.

Hi, David
Thanks a lot!!
Now it works but the breadcrumbs are now above the menu, I wanted them under the menu.
How can I do?

I for the bc had entered

add_action ('generate_after_header', function () {
if (function_exists ('yoast_breadcrumb')) {
yoast_breadcrumb ('

');
}
});

Solved:

add_action( 'generate_after_navigation', function() {
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '

' );
}
} );

Looks great ! Glad to be of help.

Thanks a lot!!

You're welcome - nice site :)