move primary menu under hero image on front page only

Hi there,

Try this PHP snippet:

add_action( 'wp', function() {
    if ( is_front_page() ) {
        remove_action( 'generate_after_header', 'generate_add_navigation_after_header', 5 );
        add_action( 'generate_after_header', 'generate_add_navigation_after_header', 15 );
    }
} );

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

Let me know if this helps :)

Great--Thanks! Can I style this one separately from the menu on other pages?

Not sure if I understand.

Style what?

The nav menu under the hero image

CSS is required. Let me know what you want to change :)

If you can just tell me how to target the css, I can manage from there.

I'd like to center the menu, and turn the background of the menu bar grey.

Try this:

.home .navigation-branding {
    display: none;
}
.home .main-navigation:not(.slideout-navigation) .main-nav {
    margin-left: auto;
    margin-right: auto;
}
.home .main-navigation {
    background-color: #333
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

That worked, but what I am aiming for is to align the whole menu in the center (on this page)

Edited the CSS here:
https://generatepress.com/forums/topic/move-primary-menu-under-hero-image-on-front-page-only/#post-1009579

Let me know :)

Worked beautifully. Thanks

No problem :)