Como centralizar o logo e elementos do menu no header

  • Autor Autor UnLionel
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
UnLionel

UnLionel

Zeta
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Binance
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 😖
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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.
 

Anexos

  • casino_opt.webp
    casino_opt.webp
    101,5 KB · Visitas: 34
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
 
Voltar
Topo