En este videotutorial prémium crearemos el menú #3 personalizado con el Theme Builder de Divi de nuestra serie de menús personalizados en Divi. En esta ocasión con un menú estilo tech para una shop online o cualquier otro diseño tecnológico que te guste.
Índice
Recuerda que puedes descargar tanto el archivo .JSON como el código que se usó en el tutorial en la parte inferior, en la zona de recursos del tutorial.
Objetivo del profesor:
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.
Recuerda que en estos tutoriales te damos snippets con los que puedes lograr cosas fascinantes, Sliders de testimonios, entre otros.
Resultado:
Lograremos un resultado igual a este:
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.
Excelente , muy bueno jefferson.
Muchas gracias
¡Muchas gracias mi estimado!
Hola he visto el video de menú 3 y lo he adaptado para una pagina nuestra pero tenemos un problema en la visualización , te lo explico tenemos debajo del menú productos y estos llevan una insignia de (oferta) cuando desplegamos las diferentes categorías del menú se quedan por detrás de estas insignias, tendríamos que poner un css dándole prioridad a este menú sobre cualquier cosa que tenga debajo, no se si lo explico bien, saludos.
Hola Roberto, así es, tienes 2 pasos que hacer:
1.- Ponerle al menú en móvil, en la pestaña de avanzando > Puesto: index z 4
2.- cambiar el index del boton de oferta a través de css:
.woocommerce span.onsale {
z-index: 1; }
Con eso debería funcionar.
Hola como hacer un menú con iconos. Gracias son unos tromes. Excelente desde Perú.
Checate este post: https://blog.uxdivi.com/tutorial-usar-iconos-personalizados-de-font-awesome-en-divi-sin-plugins/