Portada de tutorial crear menu personalizado con divi

Menú personalizado #1 con el Theme Builder de Divi


Contenido Restringido 🖐
Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

En este videotutorial prémium de uxdivi.com veremos cómo construir un menú personalizado o header completamente construido con el generador de temas (theme builder) de Divi. Al final de este tutorial conseguiremos este resultado:

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Como ves, es un layout que se puede trabajar desde el generador de temas de Divi. De esta manera podemos crear un header o encabezado con menú personalizado para nuestro sitio web usando todo el poder de divi 4.0

Con estos recursos podrás hacer que tu sitio web tenga un encabezado con estilo y con la personalización necesaria para que deje de ser común y contenga todos los elementos que quieres para tu sitio web. La creatividad es el limite, puedes agregar desde botones de llamados a la acción hasta todas tus redes sociales.

Aquí está la segunda parte del videotutorial donde adaptamos el mismo header para la versión móvil.

En la siguiente sección podrás encontrar el archivo .json del layout que construimos para que puedas importarlo directamente en tu librería de Divi y ya tengas todos los elementos realizados en tu sitio web.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

Artículos relacionados

Comentarios

  1. Estimado Jefferson, he creado un menú igual desde el generador de temas y es global, todo bien, pero tengo un problema cuando lo fijo en la parte superior el menú, todas las páginas internas no se ven bien como que se suben y tapa los títulos de cada página interna, como puedo arreglar esto, gracias por la ayuda.

  2. Gracias amigo, si me funciono, pero el problema es el menú se queda estático en móviles cuando despliegas el menú hamburguesa, quiero ver como me suscribo, soy de Perú, en que moneda debo pagar, me sale la moneda mexicana y puedo pagar en dólares.

    1. Hola Basi, este fue uno de los primeros tutoriales que hicimos de Menús y no logramos gravar la versión móvil de este tutorial, pero acá tenemos un par de tutoriales con el menú personalizado donde si grabamos los ajustes para la versión móvil:
      https://uxdivi.com/tutorial-premium/theme-builder/menu-2-personalizado-con-el-theme-builder-de-divi
      y
      https://uxdivi.com/tutorial-premium/theme-builder/menu-3-personalizado-con-el-theme-builder-de-divi

  3. Muy buenas

    Gracias por el contenido que aportas Jefferson, es de gran valor.

    Tengo un problemilla con el menú, y es que el desplegable se ve bien en la página de inicio, es decir, aparece delante de todo lo que hay debajo y se puede ir yendo a diferentes submenús sin que te salgas del menú. https://prnt.sc/15h3h62

    Pero cuando voy a otra página, el menú se ve detrás de la imagen que está debajo y cuando intento bajar por los submenús me desaparece el menú completo
    https://prnt.sc/15h5jpu

    Por favor, cuando puedas me indicas que puede estar pasando

    Gracias

    1. Hola Alberto, si el menú lo has hecho con el Theme Builder, a la columna donde tienes el módulo del menú, cambiale el Z-index o indice Z a 9999.
      Debes ir a las opciones de la columna que tiene tu módulo de menú, ir a Avanzado > puesto > Z-index y allí colocarle 9999, con eso le estas indicando a esa columna que contiene el menú que se muestre por encima de los demás elementos.

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →