Cómo centrar el logo y elementos del menú en el header

Es respecto a este sitio que me pidió un cliente https://unlionel.com.ar/casinomendoza/.

Como pueden ver, ahora el menú está así


Pero el cliente me lo ha pedido así


Estoy trabado con esto y hace una semana debo el trabajo 😖

En la personalización del theme tendrás un apartado para añadir CSS.
Añade lo siguiente:
.site-logo{
margin:auto;
text-align:center;
}

Hola @UnLionel, el inconveniente es que puedes incrustrarlo en la posición 3 del ul -> li. Pero, esto es dinamico, es decir que se tendrá que crear unas condicionales para que cuando llegue a la posicion 3 del loop del menú entonces imprimir el logo, y luego seguir con el resto del menú.

Remueves la sección del logo o la ocultas, y en la clase del menú .sh-nav { float: right } (deshabilitar), le asignas estilos con flexbox como adjunto en la imagen. Cabe mencionar que también deberías agregar una que otra línea para responsive.

Al final lo solucioné de una manera más sencilla, instalé un plugin para poder colocar imagen en los items del menú, entonces simplemente puse una imagen en el item del medio y lo centré con css sencillo