Menú personalizado #1 con el Theme Builder de Divi

Inicio / Tutoriales Premium / Theme builder / 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í ⭐

Profesor: Jefferson M

  13 de febrero de 2020

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:

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 ⭐

17 Comentarios

  1. Jerry Brian P

    Bonito header personalizados para escritorio y móvil , muy buenos ejemplos y la explicaciones bien detalladas.

    Responder
    • Jefferson M

      ¡Gracias! es un gusto que te haya funcionado.

      Responder
  2. carlos

    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.

    Responder
  3. carlos

    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.

    Responder
    • Jefferson M

      Allí lo que puedes hacer es crear un menú para desktop y otro para móvil, y el de móvil no lo pones “sticky”. Así es, el pago se hace en moneda mexicana pero a ti se cobra en $USD.

      Responder
  4. carlos d

    Gracias hermano, ya pude pagar en dólares está bien, disculpa con las preguntas pero estamos aprendiendo, te envíe un correo desde el formulario, gracias y saludos.

    Responder
  5. Diseño Web Valencia

    Justo la información que estaba buscando en Internet, precisa y transparente, gracias por este aporte admin

    Responder
  6. BASI G

    Hola buenos dias . En el video comentas que en la version movil de este menu lo explicarás en otro video . POr favor me puedes dar el enlace de ese tutorial , ya que no lo encontré . MUchas gracias .

    Responder
  7. Alberto M

    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

    Responder
    • Jefferson M

      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.

      Responder
  8. José Daniel C

    Excelente tutorial. Me encantó y me ayudó mucho para un menú que estoy haciendo ahorita. ¡Gracias!.

    Responder
  9. Elvis Rene C

    Hola Jefferson, excelente tutorial. Solo en estos videos he aprendido mucho sobre opciones que aún no había explotado de Divi.

    Responder
    • Jefferson M

      ¡Excelente Elvis! es un gran gusto que puedas desarrollar tus habilidades y mejorar tus diseños con nuestro contenido. Enjoy! 😊🖐

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

2 + 3 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi