Avisos
Vaciar todo

[Resuelto] barra header con menú  

 
Alexandra
 Alexandra
Usuario experto

Mi header se desconfigura cuando se ve en una pantalla de ordenador portátil, adjunto captura.

Screenshot (83)

 

Contenido solo visible a usuarios registrados

Respondido : 18/10/2022 10:58 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alexandra, 

Veo que actualmente tienes muchos elementos en el menú por lo que en algunas resoluciones estos se reubican para acomodarse de acuerdo a su contenedor, por ejemplo yo puedo verlos de la siguiente forma

image

Para mejorar esto podrías aumentar el tamaño de contenedor en Divi para que los elementos no queden tan juntos o asignar tu menú principal para que tenga ancho completo, para asignar tu menú de ancho completo puedes hacerlo desde Apariencia -> Personalizar -> Cabecera y navegación -> Barra de menu princiapl

image

Si tu cabecera la tienes creada con el generador de temas necesitas revisar los ajustes del tamaño donde estás añadiendo los elementos de tu cabecera como el logo y menú.

Verifica estas opciones y nos comentas como ha ido todo

Un Saludo 

 

 

Respondido : 18/10/2022 12:24 pm

Alexandra
 Alexandra
Usuario experto

@karen está creada con el generador de temas. Entonces entiendo que es ir probando hasta que de en el clavo.

Respondido : 20/10/2022 6:22 pm
Alexandra
 Alexandra
Usuario experto

Estoy probando con tamaños, separación, anchura, logo, menu, todo. Y sigue igual, no sé porqué..

Respondido : 20/10/2022 6:29 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Alexandra,

está creada con el generador de temas. Entonces entiendo que es ir probando hasta que de en el clavo.

Es correcto, dependiendo de como hayas maquetado la cabecera es necesario que vayas ajustando la disposicion de los elementos

Si te sirve de ayuda puedes reducir el padding entre los elementos del menu por medio de CSS

.et_pb_menu .et-menu>li {
padding-left: 7px;
padding-right: 7px;
}
image

Recuerda que puedes agregar estos estilos CSS desde las opciones de tema de Divi o desde las opciones apariencia-> personalizar-> CSS agregado

Saludos!

Respondido : 20/10/2022 6:31 pm
Alexandra
 Alexandra
Usuario experto

@bruno-vichetti no sé que he tocado que ahora tampoco se ve bien en las pantallas grandes.... help... ahora pongo lo del css

Respondido : 20/10/2022 7:00 pm

Alexandra
 Alexandra
Usuario experto

he agregado el css y sigue igual

Screenshot (87)

 

Respondido : 20/10/2022 7:02 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alexandra, 

Verifica entre las opciones de la separación donde tienes la cabecera personalizada, de igual forma prueba añadir el CSS que te comenta Bruno y nos comentas como va todo

image
image

También verifica los tamaños de la sección principal

Un Saludo 

Respondido : 20/10/2022 7:15 pm

Alexandra
 Alexandra
Usuario experto

Ya lo he conseguido.

Respondido : 20/10/2022 7:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alexandra, 

Enhorabuena has logrado modificar lo que necesitabas, es un placer para nosotros siempre poder ayudarte

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 20/10/2022 7:35 pm

Alexandra
 Alexandra
Usuario experto

Pues resulta que no lo conseguí.... Aparentemente el cambio se había realizado pero veo que la web sigue igual de mal. En el generador de temas de divi, el encabezado se ve perfecto, pero en la web se ve terrible. No sé qué pasa. Adjunto capturas.

Screenshot (88)
Screenshot (89)

 

Respondido : 21/10/2022 6:44 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Alexandra,

Esta consulta ya fue marcada como resuelta, te invito a que abras una nueva para que podamos ver de cerca lo que sucede

Saludos!

Respondido : 21/10/2022 6:47 pm