Split Theme Menu

Hi there,

go to Customizer > Additional CSS and delete these blocks of CSS:

.site-branding,
.site-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

#site-navigation {
    float: none;
    width: 100%;
}

.main-navigation .main-nav,
.main-navigation .menu-item-separator {
    flex-grow: 1;
}

.main-navigation .menu-item-separator a {
    font-size: 0;
    background: transparent !important;
}

.slideout-navigation .menu-item-separator,
.main-navigation.toggled .menu-item-separator {
    display: none !important;
}

@media (max-width: 768px) {
    .inside-header>:not(:last-child):not(.main-navigation) {
        margin-bottom: 0;
    }
}

Then go to Appearance > Menus edit the Primary Menu and delete the menu titled: Menu Item Separator.

Thank you

You're welcome