Hi there,
It is possible to un-hook the header as is and then hook it into the header. However, this will not make the entire header sticky.
To do that, you would need custom CSS. However, I wouldn’t suggest it, as the header is pretty tall and will take up a decent amount of screen space.
To move the navigation inside the header, try this:
remove_action( 'generate_after_header', 'generate_add_navigation_after_header', 5 );
add_action( 'generate_after_header_content', function() {
generate_navigation_position();
} );
To make the header sticky, try this CSS:
.site-header {
position: sticky;
top: 0;
}
Let me know if that does it or not 🙂