Avisos
Vaciar todo

[Resuelto] Menú para móviles con imágenes  

 
José Manuel
 José Manuel
Usuario eminente

Buenos días:

He creado un encabezado global para sustituir al menú normal de la web y colocarlo donde me lo ha pedido el cliente. El problema es que el cliente quiere el mismo encabezado en la versión móvil y no sé cómo hacer que se vea igual. Adjunto capturas de pantalla de las dos versiones. ¿Me podéis echar una mano con esto?

capturada 2020 06 20 a las 10.54.08
capturada 2020 06 20 a las 10.56.23

 

Respondido : 20/06/2020 9:59 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola José

Nos puedes compartir el dominio para poder proporcionarte un mejor soporte?, por otro lado posiblemente la solución sea crear el menú con el editor que estés utilizando en base a imágenes por que para las versiones móviles los menús son automáticamente sustituidos por el burger menú que son las tres rayitas

Nos comentas para poder ayudarte, saludos 🖐️ 

Respondido : 20/06/2020 12:45 pm
José Manuel
 José Manuel
Usuario eminente

@argenis

El sitio en producción es "friliana.es". Precisamente lo que quiero es es eso, sustituir el burger menu; pero sale siempre. Uso el constructor de Divi para crear el menú (el de escritorio es un menú a base de imágenes), por lo que no entiendo a qué te refieres con que "la solución sea crear el menú con el editor que estés utilizando en base a imágenes". Si eres tan amable de explicarlo, ten en cuenta que mis conocimientos sobre Divi son limitados.

Muchísimas gracias por todo.

Respondido : 20/06/2020 8:24 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@jmsanchezexpression-es

Hola José,

A lo que mi compañero @argenis se refiere es a utilizar el constructor de paginas de Divi para personalizar tu cabecera, es decir, tendrías que dirigirte a Divi -> Biblioteca de Divi y generar o construir desde 0 tu cabecera, lo que sería la plantilla, posteriormente dirigirte a Divi -> Generador de Temas -> activas Agregar encabezado Global -> Añadir de biblioteca -> Cargar disdeño -> Seleccionas la plantilla creada en la biblioteca de Divi. 

En realidad hay varias maneras de construir el header personalizado, en la web puedes encontrar muchos tutoriales pero sobre todo procura revisar la documentación oficial de Divi, por ejemplo -> https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-custom-global-header-with-divis-theme-builder

Además considera que puede ser necesario que tengas conocimientos en estilos de hoja en cascada (CSS) para crear un header personalizado como el que nos planteas, esto debido a que toda la web ahora trabaja bajo el diseño responsivo o adaptable. Si no quieres complicarte dedicándole unas cuantas horas de estudio y práctica te sugiero que convenzas a tu cliente de que lo ideal es dejar el menu como está ya que se respetan los principios de adaptabilidad móvil donde se le da prioridad a la carga del contenido relevante y las cuestiones multimedia pasan a segundo plano, con tal de mejorar la experiencia del usuario y velocidad de carga. 

Saludos 🙂

Respondido : 20/06/2020 10:41 pm
José Manuel
 José Manuel
Usuario eminente

@bulmaro-webempresa

Nada. No te preocupes ya he encontrado la solución. Gracias de todas formas.

Respondido : 21/06/2020 6:11 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola José

Estupendo, que bueno que lograste dar solución al problema.

Puedes escribirnos si tienes otra consulta abriendo un tema nuevo

Saludos 🖐️ 

Respondido : 21/06/2020 6:51 pm