Avisos
Vaciar todo

[Resuelto] Crear Header personalizado  

 
Toni
 Toni
Usuario experto

Hola estoy volviendo a crear mi header en DIVI tras los problemas que he tenido a la hora de la adaptación a móvil, este es el header que hice pero no responde bien en móvil

Captura de pantalla 2020 09 15 a las 16.39.08

 

Esta es la estructura que creé iniciamente

Captura de pantalla 2020 09 15 a las 16.44.20
Captura de pantalla 2020 09 15 a las 16.44.42

 

1º ¿esta estructura es correcta? quiero empezar de cero y quiero hacerlo bien

2º ¿La imagen de la izquierda que es mi logo tiene que tener una medida exacta o se puede redimensionar si que afecte a los dispositivos móviles?

3º Tengo que mover el menú y redes sociales para que se queden en el lugar deseado, ¿que parámetro uso? Separación o transformar

4º ¿A la hora de redimensionar una imagen desde donde se hace? Transformar o Tamaño

muchas gracias

 

Citar
Respondido : 15/09/2020 3:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si quieres evitarte problemas con la cabecera y footer, te sugiero usar el diseño que tiene el tema, es decir no es necesario que construyas la cabecera y usar la cabecera por defecto.

Puedes configurarla desde Divi > Personalizador de temas > Cabecera y navegación, ver  imagen adjunta.

Captura de Pantalla 2020 09 15 a la(s) 11.24.57

Sin embargo si decide continuar con tu estructura, de manera general si lo veo correcta, aplica los cambios y envíanos la url de tu sitio para verificar.

Saludos.

ResponderCitar
Respondido : 15/09/2020 5:30 pm

Toni
 Toni
Usuario experto

@jmarreros

Este header que me comentas se puede hacer dinámico? me refiero a dejarlo fijo trasnparente cuando esta en la página y cuando haces scroll se convierta en blanco sólido

 

Gracias por todo, sois un gran equipo

ResponderCitar
Respondido : 15/09/2020 6:09 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Revisa las opciones que tienes con el menú por defecto, creo recordar que hay  una opción de fijo cuando se hace scroll.

(ajustes de navegación fija)

Saludos.

Esta publicación ha sido modificada el hace 4 años por Jhon
ResponderCitar
Respondido : 15/09/2020 6:11 pm

Toni
 Toni
Usuario experto

@jmarreros

Muchas gracias

ResponderCitar
Respondido : 15/09/2020 6:31 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Quedamos a la espera si tienes dudas adicionales sobre cómo realizar la cabecera.

Saludos.

ResponderCitar
Respondido : 15/09/2020 6:57 pm

Toni
 Toni
Usuario experto

@jmarreros

Hola, contaros que por fin he logrado crear un header funcional y que se ve bien para ambos sentidos en el móvil en vertical y horizoantal, os adjunto imágenes y muchas gracias.

 

IMG 8572
IMG 8571
ResponderCitar
Respondido : 16/09/2020 10:17 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Toni,

Enhorabuena haz logrado configurar el header como deseas 😀 , siempre estamos encantados de poder ayudarte.

Con esto podemos dar el tema como solucionado

Escríbenos si tienes cualquier otra consulta

Un Saludo

ResponderCitar
Respondido : 16/09/2020 11:03 am
Toni me gusta