Avisos
Vaciar todo

[Resuelto] barra header con menú

12 Respuestas
3 Usuarios
0 Reactions
34 Visitas
Respuestas: 80
Trusted Member
Topic starter
 

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 9:58 am
Karen Rios
Respuestas: 18667
Illustrious Member 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 11:24 am
Respuestas: 80
Trusted Member
Topic starter
 

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


 
Respondido : 20/10/2022 5:22 pm
Respuestas: 80
Trusted Member
Topic starter
 

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


 
Respondido : 20/10/2022 5:29 pm
Bruno
Respuestas: 6479
Illustrious Member 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 5:31 pm
Respuestas: 80
Trusted Member
Topic starter
 

@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 6:00 pm
Respuestas: 80
Trusted Member
Topic starter
 

he agregado el css y sigue igual

Screenshot (87)

 


 
Respondido : 20/10/2022 6:02 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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 6:15 pm
Respuestas: 80
Trusted Member
Topic starter
 

Ya lo he conseguido.


 
Respondido : 20/10/2022 6:15 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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 6:35 pm
Respuestas: 80
Trusted Member
Topic starter
 

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 5:44 pm
Bruno
Respuestas: 6479
Illustrious Member 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 5:47 pm