Getting my logo to the center on mobile/Desktop

Hi Heath,

You have too many menu items for such a layout. Would you be open to having a hamburger button for the menu on all views?

Yes I would be ok with that.

If that's the case, can you set the Mobile Menu Breakpoint to 2000 or type a really high value in Appearance > Customize > Layout > Primary Navigation?

Reference: https://docs.generatepress.com/article/primary-navigation-layout-overview/

We'll then proceed with the next step afterward.

I've updated the mobile breakpoint

Great.

Can you try adding this through Appearance > Customize > Additional CSS?:

.inside-header.grid-container .site-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

nav#mobile-menu-control-wrapper {
    margin-left: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

nav#mobile-menu-control-wrapper .menu-toggle{
    margin-left: auto;
    flex-grow:0;
}