Is there a way to get my menu, logo to look like this?

Give this CSS a try:

@media (min-width: 769px) {
.menu-bar-items {
    width: 100%;
    justify-content: space-between;
}
}
.menu-bar-items {
    order: 2;
}
.menu-bar-item.slideout-toggle {
    order: -1;
}
.navigation-branding {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.menu-bar-item.search-item {
    border-left: 1px solid #000000;
}
.menu-bar-item.slideout-toggle {
    border-right: 1px solid #000000;
}
#site-navigation .inside-navigation {
    border: 1px solid #000000;
}
.inside-navigation .menu-toggle {
    border-right: 1px solid #000000;
}

Let me know :)

Wow. This is exactly it! Thank you so much!!

You are welcome :)