Avisos
Vaciar todo

Logotipo centrado en línea mueve carrito y buscador a otra posición  

 
Carla
 Carla
Usuario activo

¡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.

Logo centrado en línea
Logo centrado
logo centrado en línea versión móvil

 

¡Gracias y saludos!

Contenido solo visible a usuarios registrados

Citar
Respondido : 01/04/2024 12:35 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

image

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

image

Verificalo y nos comentas como va todo

Un Saludo 

ResponderCitar
Respondido : 01/04/2024 1:09 pm

Carla
 Carla
Usuario activo

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ú.

 

Logo centrado en línea

 

¡Gracias y saludos!

ResponderCitar
Respondido : 01/04/2024 2:52 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

image

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

image

De esta forma, si hacemos una simulación, tus elementos deberían verse de la siguiente forma

image

Verifícalo y nos comentas como va todo

Un Saludo

ResponderCitar
Respondido : 01/04/2024 4:43 pm

Carla
 Carla
Usuario activo

@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!

ResponderCitar
Respondido : 02/04/2024 2:38 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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:

image

Claro debes jugar con los elementos y posiciones de las filas y columnas. 

Verifícalo y nos comentas como va todo

Un Saludo 

 

ResponderCitar
Respondido : 02/04/2024 3:30 pm

Carla
 Carla
Usuario activo
Respondido por: @karen

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:

image

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!

ResponderCitar
Respondido : 04/04/2024 3:53 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carla, 

Gracias a ti, es un placer siempre poder ayudarte. 

Revisa todas las alternativas y cualquier duda no dudes en escribirnos. 

Un Saludo 

ResponderCitar
Respondido : 04/04/2024 3:55 pm