Hi,

Please try go to Customizer > Addtional CSS then add custom css to do that

@media screen and (min-width: 1440px) {
 .site-header.header--s7 .site-branding {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 0;
    order: 1;
    flex: 1 auto;
}
.site-header.header--s7 .header-content__container .main-navigation {
    z-index: 2;
    flex: 2 auto;
    order: 2;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.site-header.header--s7 .header__social-search {
    float: right;
    height: 100%;
    order: 3;
    flex: 1 auto;
}
}

Best Regards,

PenciDesign