¡Hola, muy buenas!
Estoy ultimando mi web, pero tengo un problema con el logotipo en el menú y me estoy volviendo algo loca.
Quiero tener el logo centrado en línea con el menú, pero entonces, el carrito se me sube encima del logo y el buscador se me pone debajo. Esto, en la versión móvil, hace que el logotipo se vaya a la izquierda (no lo entiendo).
Quiero lo siguiente, el logotipo centrarlo en línea con el menú y tanto el carrito como el buscador, en la versión escritorio, se que queden centrados debajo del logo (como se queda el buscador). En la versión móvil sería igual, aunque aquí sí se muestra el logo (sin menú, ya que éste se queda a la izquierda en tipo hamburguesa) y debajo el carrito y buscador. Adjunto imágenes.
El menú está hecho con Divi Theme Builder.
Espero que me puedan echar un cable, porque me queda esto y poquito más y no atino.
¡Gracias y saludos!
Contenido solo visible a usuarios registrados
Hola Carla,
En la versión de escritorio no veo, se muestra las opciones del carrito, veo que este solo se muestra en las opciones del menú principal
Por otro lado, si quieres mostrar el logo con todos los elementos alineados en móvil, puedes probar añadir el siguiente código CSS en Diva → Opciones del tema → General → CSS personalizado
@media only screen and (max-width: 600px) {
.et_pb_menu_inner_container.clearfix {
display: flex !important;
}
}
Esto debe mostrar la cabecera de esta forma
Verificalo y nos comentas como va todo
Un Saludo
Hola, Karen.
¡Gracias por tu rápida respuesta y ayuda!
Con el código CSS que me has puesto, sí consigo centrar en línea logo, carrito y buscador (más menú hamburguesa) en versión móvil. Yo me refiero, a cómo, en la versión escritorio, puedo centrar en línea el logo, pero el carrito y el buscador, que lo pueda colocar debajo de éste (del logotipo).
La imagen que adjunto tiene el carrito encima del logo y me gustaría poder ponerlo bajo el logo, al lado de la lupa del buscador. Así es como queda si centro el logo en línea con el menú.
¡Gracias y saludos!
Hola Carla.
Entiendo, veo un poco difícil organizar el logo con CSS como deseas, sobre todo por la distribución de los elementos y como se organizan
Una opción sería que construyas una cabecera totalmente personalizada separando el menú y logo o que asignes al ancho completa la fila principal de tu cabecera
De esta forma, si hacemos una simulación, tus elementos deberían verse de la siguiente forma
Verifícalo y nos comentas como va todo
Un Saludo
@karen, buenas nuevamente.
No me convence el carrito a la izquierda del todo y el buscador a la derecha del todo. No es lo que deseo. Pensaba que sería más sencillo poder colocar carrito y buscador centrados bajo el logo.
No encuentro la solución. Seguiré probando.
¡Gracias por tu ayuda!
Hola Carla,
En este caso para tener este tipo de cabeceras como te comento Divi nos ofrece dos opciones, es mostrar el carrito de esta forma o crear una cabecera totalmente personalizada, para ello tendrías que construir tres secciones, en la primera columna mostrar el menú, en la segunda tu logo y luego en la tercera el carrito y el buscador.
Seria algo como por ejemplo:
Claro debes jugar con los elementos y posiciones de las filas y columnas.
Verifícalo y nos comentas como va todo
Un Saludo
Hola Carla,
En este caso para tener este tipo de cabeceras como te comento Divi nos ofrece dos opciones, es mostrar el carrito de esta forma o crear una cabecera totalmente personalizada, para ello tendrías que construir tres secciones, en la primera columna mostrar el menú, en la segunda tu logo y luego en la tercera el carrito y el buscador.
Seria algo como por ejemplo:
Claro debes jugar con los elementos y posiciones de las filas y columnas.
Verifícalo y nos comentas como va todo
Un Saludo
Hola, Karen.
No es exactamente lo que deseo, pero agradezco tu ayuda.
¡Saludos!
Hola Carla,
Gracias a ti, es un placer siempre poder ayudarte.
Revisa todas las alternativas y cualquier duda no dudes en escribirnos.
Un Saludo