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 ⭐
Bonito header personalizados para escritorio y móvil , muy buenos ejemplos y la explicaciones bien detalladas.
¡Gracias! es un gusto que te haya funcionado.
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.
Hola mi estimado Carlos. Revisa este otro tutorial que tenemos: https://blog.uxdivi.com/tutorial-divi-hacer-sticky-una-columna-o-el-menu-de-divi-facil-rapido-y-sin-plugins/
Aquí explicamos cómo hacer “Sticky” de forma correcta el menú corrigiendo el error que mencionas.
Espero que te sirva, saludos.
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.
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.
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.
Justo la información que estaba buscando en Internet, precisa y transparente, gracias por este aporte admin
¡Que lo disfrutes!
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 .
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
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
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.
Excelente tutorial. Me encantó y me ayudó mucho para un menú que estoy haciendo ahorita. ¡Gracias!.
¡Super! Gracias.
Hola Jefferson, excelente tutorial. Solo en estos videos he aprendido mucho sobre opciones que aún no había explotado de Divi.
¡Excelente Elvis! es un gran gusto que puedas desarrollar tus habilidades y mejorar tus diseños con nuestro contenido. Enjoy! 😊🖐