Menú #5 Theme Builder de Divi – CTA a la izquierda

Inicio / Tutoriales Premium / Theme builder / Menú #5 Theme Builder de Divi – CTA a la izquierda

Contenido Restringido🖐

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

Profesor: Jefferson M

  1 de septiembre de 2021

En este vídeo tutorial premium crearemos el menú #5 personalizado con el Theme Builder de Divi de nuestra serie de menús personalizados en Divi. En esta ocasión con un menú que tiene la lupa de búsqueda y el carrito de compras hacía la parte derecha de la pantalla.

Recuerda que puedes descargar tanto el archivo .JSON como el código que se uso en el tutorial en la parte inferior, en la zona de recursos del tutorial.

Menú #5 Theme Builder de Divi - CTA a la izquierda

La idea de estos tutoriales es crear una serie de menús personalizados con el Theme Builder, de manera que aprendas a detalle crear encabezados globales en Divi, con cierto grado de personalización para que luzcan fenomenal en todos los dispositivos.

En esta ocasión realizamos un tutorial pedido por una de nuestras suscriptoras, donde nos pedía que explicaramos como hacer en menú en Divi que tuviera todos los elementos separados, es decir un menú contextual hacía la parte izquierda, y un CTA con la lupa de búsqueda y el carrito hacía la parte derecha. Todo por supuesto adaptado también a móvil.

¿Te ha gustado nuestro menú #5 personalizado con el Theme Builder de Divi?

Recuerda que en estos tutoriales te damos snippets con los que puedes lograr cosas fascinantes con diseños personalizados en Divi

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.

Recursos, Snippets y descargas de este tutorial 👇 Puedes acceder a todo este contenido siendo premium

8 Comentarios

  1. Iciar E

    Muchas gracias Jefferson! Genial tutorial. Ha sido todo un descubrimiento ver cómo hacer que el menú se muestre con el fondo transparente. Hasta ahora, pensando que no se podía, lo que hacía era incluir una fila global en la primera sección de todas las páginas jaja.

    Gracias y buen día!

    Responder
    • Jefferson M

      ¡Jaja! Buenísimo, que bueno que te ha ayudado y gracias por la idea para el contenido 😊🖐

      Responder
  2. Richard Raul A

    Hola Jeff qué tal, primero quiero felicitarte por los tutoriales.
    Al probar una y otra cosa me encontré con un problema, al desplegar el menú en móviles el cuadro se muestra detrás de la sección de abajo y no se puede visibilizar el menú. Si pudieras ayudarme con ese detalle y aclararme cuándo y cómo es que pasa eso, la verdad como andaba probando varias cosas no me di cuenta en qué momento se me configuró así, al principio me salía normal. Gracias de antemano.
    Pdta. ya intenté cambiando las posiciones del índice z y no me funciona

    Responder
    • Jefferson M

      Que tal Richard. Debes colocar el index-z: 99999 en la sección, en la fila y la columna también, donde tienes el menú. Al colocar esa valor en esos 3 campos, debería quedar por encima de todo.

      Responder
      • Richard Raul A

        Y lo hice y sigue con ese problema. Si tienes alguna idea de por qué otras razones está pasando esto te lo voy a agradecer o al menos si pudieras recomendarme algún foro donde traten estos temas. Gracias por tu tiempo

        Responder
        • Jefferson M

          Por favor manda el acceso al sitio a través de la pestaña de soporte de la intranet para poder entrar y echarle un vistazo al problema.

          Responder
          • Richard Raul A

            Lo tengo montado en un subdominio. Te agrego como usuario con permisos de administrador para que lo puedas ver, está bien si uso la dirección de hola@uxdivi.com? y ahí te mando el usuario y contraseña

            Responder
            • Jefferson M

              Si por favor envíalo a ese correo.

              Responder

Enviar un comentario

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

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

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"

3 + 3 =