Seleccionar página

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

En este vídeo tutorial premium crearemos el menú #5 personalizado con el Theme Builder de Divi de nuestra serie de menús personalizados Divi

Contenido Premium

Puedes acceder a este y otros +700 contenidos suscribiéndote en cualquiera de  nuestros planes o accediendo con tu cuenta.

Profesor: Jefferson M.

Publicación: 1 septiembre 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 premium.

Recursos, Snippets y descargas de este tutorial

8 Comentarios

  1. Iciar Etxebarria Martín

    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 Ayaviri Leaño

    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 Ayaviri Leaño

        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 Ayaviri Leaño

            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

Enviar un comentario

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