¿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
Verificado por Whatsapp
Desde
8 Oct 2014
Mensajes
1.395
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
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
29 Abr 2019
Mensajes
54
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
Épsilon
Programador
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
10 Ago 2015
Mensajes
768
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
Verificado por Whatsapp
Desde
8 Oct 2014
Mensajes
1.395
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
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba