aristosarseno, ну смотри, самое простое будет что-то в таком стиле:
<style>
/* сначала весь контент в нижнем меню выравниваем по центру и вертикали */
nav {
display: flex;
align-items: center;
justify-content: center;
}
/* потом выравниваем ссылки внутри двух половинок меню */
.menu {
display: flex;
align-items: center;
max-width: calc( (100vw - 200px) / 2); /* или calc(50vw - 100px), где 200px размер картинки, а 100px половина от неё */
/* таким способом мы делаем оба списка слева и справа от картинки одинакового размера */
}
.menu:first-of-type {
text-align: right; /* прибиваем первый список к логотипу, второй будет норм уже по умолчанию*/
}
/* расстояния между ссылками будет меньше, чем вокруг логотипа */
.menu__item {
margin: 0 20px;
}
.logo {
margin: 0 40px;
flex: 0 0 200px; /* 200px - меняем на свой размер, возможно его сделать резиновым */
}
</style>
<nav class="global-navigation">
<ul class="menu">
<li class="menu__item"><a href=""></a></li> <!-- список слева -->
<ul>
<a href="/" class="logo" title="Go to Homepage>
<img src="" class="logo__img" alt="New Style Logo"/> <!-- твоё лого, лучше сделать svg вместо картинки -->
</a>
<ul class="menu">
<li class="menu__item"><a href=""></a></li><!-- список справа -->
<ul>
</nav>
Простой
