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

UnLionel Seguir

Zeta
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
8 Oct 2014
Mensajes
1.556
Es respecto a este sitio que me pidió un cliente https://unlionel.com.ar/casinomendoza/.

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


Pero el cliente me lo ha pedido así
0IKBU7y.png


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

marketingonlinetop

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Abr 2019
Mensajes
604
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

Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
10 Ago 2015
Mensajes
1.219
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

  • casino_opt.png
    casino_opt.png
    713,8 KB · Visitas: 15

UnLionel

Zeta
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
8 Oct 2014
Mensajes
1.556
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
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba