¿Cómo hago para centrar el logo en el header? Y poner los elementos del menú a los costados

UnLionel

Eta
Social Media
Verificación en dos pasos desactivada
Desde
8 Oct 2014
Mensajes
1.371
Edad
26
Crédito(s)
0
Puntos
1.808
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 😖
 

marketingonlinetop

Beta
Verificación en dos pasos desactivada
Desde
29 Abr 2019
Mensajes
36
Crédito(s)
0
Puntos
0
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;
}
 

Joao De Sousa

VIP
Gamma
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
10 Ago 2015
Mensajes
412
Crédito(s)
0
Puntos
253
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.
 

Adjuntos

UnLionel

Eta
Social Media
Verificación en dos pasos desactivada
Desde
8 Oct 2014
Mensajes
1.371
Edad
26
Crédito(s)
0
Puntos
1.808
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
 

Arriba