Menú Vertical Sticky con Elementor Pro | Sidebar menu

¡No olvides suscribirte!
¡Si eres de México puedes dar clic en este enlace para recibir $300 pesos de regalo en tu próxima compra de supermercado en Jüsto! justo.mx/accou...
→ Elementor Pro (los tres paquetes tienen las mismas características)
be.elementor.c...
Si tienes dudas puedes ver mi video donde te explico cuales son las diferencias y como puedes ahorrarte varios dólares en la compra de tu licencia.
• Como comprar Elementor...
En este tutorial de Elementor en español, aprenderás una de las grandes tendencias en diseño web en este momento, que es cómo crear un Menú Vertical con Elementor Pro o Sidebar Menu. En este video, te enseñaré cómo puedes crearlo con Elementor Pro desde cero.
→ Código CSS necesario
docs.google.co...
🔥 Descarga la Plantilla Gratis 🔥
alejandrogs.co...
En este canal utilizamos links de afiliados, es gracias al ingreso que me genera esta grandiosa plataforma que es Elementor que puedo darme el lujo de crear estos videos para ustedes!

[@osqfonnegra]

Oye, muchas gracias, fantástico, funcionó perfectamente. Muchos éxitos amigo

[@Cecilior]

Un vídeo fantástico. He aprendido mucho, no dejes de hacer estos vídeos tan útiles. Gracias.

[@PointWebOK]

Rey te lo agradezco! Muy prolijo y bien explicado. Saludos desde Argentina.

[@alejandrogonzalezexpert1766]

Gracias, saludos

[@MenesesG2]

Me agrada tu explicacion, y creo que es el primer video en español de un side menu animado que he visto.

[@alejandrogonzalezexpert1766]

Gracias Jose Luis! Seguiré creando más contenido!

[@amilcarmorillo894]

Gracias, me sirvió muchísimo, eres un crack! 🤍

[@alexlondoneolarte7213]

Tengo una pregunta, ese menu se reflejara en todas las paginas nuevas que voy creando? saludos

[@thiagookling]

muy bueno, pero yo no puedo harcerlo como um menu, y entonces aplear para todas las paginas?

[@diegoahincapieb3561]

Uufff que joya descubrí hoy. Gracias Alejandro.

[@joseleonardofarfancastaned3119]

Hola, realmente intente y todo iba muy bien pero la parte de agregar el CSS para z-index y que se viera de fondo el sub menu, no hace cambio, sigue apareciendo al frente, la verdad no se que hacer, hay algo que deba hacer? ya que hice los pasos exactamente como el video pero el efecto atras de z-index 2 no sirve y ya subi los valores para ver si podia cambiar el valor a 4567 en fin mas numeros pero no sirve.

[@juanfernandopalmach.4261]

Hola Alejandro, te felicito y te doy las gracias por tu contenido. Tengo una duda respecto a cómo hacer que sea responsivo en móviles con ese estilo. Te agradecería mucho.

[@irakmarin4911]

¿Por qué no puedo esconder el título de la página que aparece en la parte de arriba en la plantilla? Tampoco me aparece la opción en el ícono del engrane, al insetarlo en las páginas me aparece el espacio en blanco con el título.

[@zalogon2002]

Excelente video!!! Gracias!

[@obelixrecargado]

en el minuto 9, ya te ganaste mi like !!!

[@alejandrogonzalezexpert1766]

Gracias por el apoyo! 😁

[@terupalacios3772]

Qué explicación!! Súper video

[@M3Roque]

muchas gracias!!!! super bien explicado, me encanto el resultado :)

[@sosemimpresoras1726]

Hola, me funciono muy bien, el problema es que utilice el plugin de polyland para hacer la pagina multi-idioma y ahora me abre el submenu 2 veces en un idioma y en el otro idioma me lo abre sin problema. ¡Ayuda!

[@EnriquePerdomo-dx9rz]

Hola! En la pagina original como hiciste para colocar los segmentos con fondos divididos?

[@alakomax]

Hola, muy buen tutorial, me creé uno y funciona a la perfección, ahora, mi pregunta y duda es: ¿Cómo hacer que en ves de clip aparezca como hoover, hablando del submenú? Gracias

[@nachom4810]

Buenas tardes Alejandro. Gracias por tu video. En mi caso tengo una duda ya que he creado ese popup pero con los widget de jet smart filter. Una vez creado en insertado en la categoría del producto, los filtros que vienen desde el popup no consiguen llamar a la sección de productos. ¿ Sabes si hay alguna otra posibilidad para hacer un filtro off canvas?? Ya que para versiones móviles es mucho mas cómodo. Saludos.

[@alejandrogonzalezexpert1766]

Usualmente cuando eso ocurre es por dos razones, o la animación de entrada del popup en movil es diferente a la de escritorio o no estás usando el selector correcto del widget de productos.

[@riggsssss]

Muy buen video, todo funciona a la perfeccion pero ocurre una cosa extraña, los popups no pueden ser abiertos por los usuarios que no estan logged. Sabes cual puede ser la razon por la que ocurre esto?

[@alejandrogonzalezexpert1766]

Valdría la pena revisar los ajustes de display, hay una función que específicamente habilita el popup para ciertos roles nada más

[@riggsssss]

@@alejandrogonzalezexpert1766 Cierto, encontre el error. Tenia relacion con eso, gracias! Sigue asi!

[@community7757]

Hola Alenjandro, gracias por el video es justo lo que estaba buscando. El problema que tengo es que en mi elementor no me aparece el 'post content' para añadirlo a la sección. Tienes idea de por qué? Muchas gracias! ;)

[@cristianortiz4311]

pregunta... como se haría con el elemento de menú, porque si algún día quiero actualizar mis categorías tendría que estar añadiendo a mano todo el menú principal y es un trabajo que quisiera obviar

[@salem1024]

Gran tutorial, muchas gracias, ya me voy acercando a lo que busco... Solo tengo un inconveniente y es que el alto del menú no me queda full a lo largo de la pantalla, y como le tengo un fondo negro al menú se alcanza a ver cortado :(

[@alejandrogonzalezexpert1766]

Gracias Juan David! Puedes pasarme liga de tu web para echarle un vistazo?

[@salem1024]

@@alejandrogonzalezexpert1766 Muchas gracias, ya logré solucionarlo jejeje :)

[@miguemartin1188]

Muy bueno! seria posible hacer en elementor un menú central de slider con mouse?

[@dianaselizabeth]

hola amigo mande correo para descargarlo pero no resibido al correo

[@diegoalvaradobenel7670]

Hola, como retiraste el cabezal del thema o que thema puedo usar ?

[@sousen.oficial]

Pues el mejor tema recomendado para elementor son como 4, pero para no liarte el generate press o astra son los mejores. hay otros nuevos que estan muy buenos pero en lo personal no lo e probado. El astra te permite desactivar tu cabecera (y muchos otros temas) aun que si metes el header de elementor y le pones condicion de todos los sitios creo que quita el del tema automaticamente. Otra manera de hacerlo y revisar es en "editar" pagina pero eso es para una sola pagina asi que no lo recomiendo.

[@akelaes1]

Te felicito por este gran apoyo que nos das y te quiero pedir un consejo y apoyo de como crear una pagina, ???? de 15 contactos y cada uno con su correo correspondiente, pero con una sola plantilla de correos, por favor y se agradece de ante mano

[@alejandrogonzalezexpert1766]

Que tal Eduardo! Escríbeme a [e-mail] para que me expliques más a detalle!

[@akelaes1]

@@alejandrogonzalezexpert1766 Muchas Gracias l

[@mariaandradal]

como se hace para que se vea el footer en la pagina de inicio?? se agrega en la misma pagina que se creo el menu vertical?

[@alejandrogonzalezexpert1766]

Así es María! Justo así

[@iluvatar076]

Hola Alejandro. Gracias por el tutorial. Me queda una pregunta (aunque talvez ya la respondiste anteriormente) que aun no puedo responder. cómo podría hacer si quiero que al seleccionar las opciones del menú vertical de la izquierda el contenido se muestre en la columna derecha, sin que el menú desaparezca. te agradezco cualquier ayuda. saludos desde Perú.

[@alejandrogonzalezexpert1766]

Hola Edgar! Disculpa la tardanza en la respuesta, me podrías dar más detalles de lo que quieres hacer? Se debe poder hacer sin problemas pero no entiendo completamente a que te refieres

[@monicasalas6936]

Hola Edgar, yo tengo la misma pregunta. Quisiera que el menudeo de la derecha me llame las sub paginas solo del lado derecho, prácticamente es que el menú se cargue una sola vez y que cuando le dé a los botones se cargue la página del lado derecho. Es lo mismo que quieres hacer tu?

[@alakomax]

En ajustes de popup/avanzado, debes tener activado esta opción: Prevent Closing on Overlay, con esto el popup no desaparecerá hasta que el enlace te redirija a la pagina.

[@alvarozelaya650]

te amo

[@delmar3381]

Hola Alejandro, ¿sería posible que al hacer scroll en la página cambien de color los enlaces o los nombres de las páginas del menú fijo? Quiero hacer lo mismo pero sin menú desplegable, ya que será una one page. ¡Un saludo y muy buena explicación!

[@alejandrogonzalezexpert1766]

Así es! Tengo un video en el canal donde hago un header transparente sticky, y utilizo código CSS para cambiar las características de los elementos al hacer scroll, podrías utilizar el mismo formato para cambiar el color de tus enlaces.

[@horylanus6013]

No llega nada al correo. Saludos

[@Leoyardo]

Hola, quizá me puedas ayudar, tengo un problema con el submenú, no sé como editar el espacio de cada opción, el espacio es pequeño y las opciones se me ponen en doble linea, me gustaría que solo estuviese en una linea.

[@alejandrogonzalezexpert1766]

Me podrías enviar un correo a [e-mail] para que me expliques con mayor detalle por favor?

[@santo_tattoo]

Excelente contenido!

[@rafaelavilapve]

Pero esta excelente, sigue así!

[@fidelo_984]

Excelente video Alejandro, enhorabuena por el canal, este contenido es 5 estrellas ¿Cómo haces para que te aparezca la opción de sticky en la columna? En mi Elementor pro no lo tengo, muchas gracias de antemano

[@rafaelavilapve]

Hola ale, intente instalar tu plantilla pero me dice que hay un error en el zip

[@rafaelavilapve]

dice: PHP Zip extension not loaded.

[@alejandrogonzalezexpert1766]

@@rafaelavilapve Hola Rafa! Ese problema se puede solucionar entrando a tu servidor, PHP extensions, y activar la casilla de Zip

[@JC-bq4nu]

Lo he hecho paso a paso, pero el popup sigue entrando al frente de la columna vertical... ;(

[@salvadorcota5476]

tenía el mismo problema pero solucione poniendole color blanco de fondo al menu

[@joaquincastaneira]

hola buenas, como hago para que el menu aparezca en mi web?

[@joaquincastaneira]

M e das tu whatsapp, sigo sin poder ponerlo

[@VICPROWEBDESIGN]

Este menú no se puede usar general y el contenido se daña mucho se duplica para hacer ese scroll

[@armandoospina4935]

No se deja descargar, que pasará?

[@alejandrogonzalezexpert1766]

Si no te lo permite puedes enviar un correo a [e-mail] y te puedo mandar el zip!

[@dannilosz4790]

no sirve para celular

[@rafaeln.castrom.6453]

sub.

[@mauricioalejandro7329]

Muy buen video estimado!... consulta un menu como la de esta pagina es posible con Elementor... www.roquelopezfleming.com.ar/

[@sousen.oficial]

Claro que se puede, si te fijas es igual un sticky y toda la cosa con opciones hover etc. el unico detalle seria "sacar" el submenu que tiene cada icono y podria usarse el procedimiento que usan en este ejemplo o un addon de elementor que sea de nav bar y este asi de completo pero en vertical. Te digo por que yo para mi web (antes de quitarlo) le puse al modo "movil" un menu que era como de estilo app. es decir, dos botones en la parte inferior que era sticky.

[@MegaRogerth]

no te entiendo