solo metelo en un contendor, dentro del popup, pero no se tal vez sea mas complicado o mas facil, todo depende de conque este echo el menu, si con un pligin externo o el mismo de elementor. si quieres manda capturaras la grupos de telegram para revisar mas a detalle y pueda ayudarte. grupo en la descripción.
@@berthortizmetí otra lista de iconos alineado está vez hacia la derecha debajo del que yo necesitaba, no es desplegable pero apenas eran 4 opciones del sib menú y las enlazó a sus respectivas página
Hermano mis respetos para usted es un crack y tus tutoriales son excelentes muy agradecido por tus aportes, tiempo y conocimiento gracias. Solo permiteme hacerte una observación. El efecto Blur no funciona en dispositivos iOS iphone solo se ve transparente. Lo he probado y funciona perfecto en Android y PC, pero no en los iphone. Solo queria indicarte eso, desconozco el motivo por el cual pasa eso tal vez con tu conocimiento puedas compartirnos una solución. Muy agradecido con tu video estimado.
intenta poner esto dentro de las "{ }" -webkit-filter: blur(15px); -moz-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); también intenta usar % en vez de pixeles. ejemplo: backdrop-filter: blur(30%);
@@berthortiz .dialog-widget-content { backdrop-filter: blur(20px); contrast(100%); -webkit-backdrop-filter: blur(20px) contrast(100%); } Pasa Android y IOS, Gracias por tu trabajo ! Esperando mas tutoriales :)
Vale ha funcionado con un código adaptado del tuyo con chatgpt, por si os sirve: .dialog-widget-content { background-color: rgba(255, 255, 255, 0.3); /* Fondo blanco con 30% de opacidad */ backdrop-filter: blur(8px); /* Aplicar desenfoque de 8px */ -webkit-backdrop-filter: blur(8px); /* Prefijo para compatibilidad con navegadores Webkit */ border-radius: 10px; /* Opcional: Bordes redondeados */ padding: 20px; /* Opcional: Espaciado interno */
Tengo una duda, lo he realizado todo con exito. pero cuando ingreso a otra pagina desaparece a menos que tengo que colocar el icono en todas las paginas que cree. Como puedo solucionar eso ya que literal de alguna manera en el cite map no tiene menu la web.
Excelente video, y muy fácil de aprender con tus consejos Bert, solo tengo un inconveniente no se si alguien le pasa, al momento de pegar el código ccs no hace nada, ya intente copiar de todas las formas posibles y he cambiado el valor de 8 pero no hace nada, tal vez estoy haciendo algo mal
.dialog-widget-content { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } si no te funciona, manda mensaje al grupo de telegram está en la descripción.
Muy bueno y fácil, lo único que no entiendo por que no me funciona es que las imagenes del logo que pongo se ven en elementor pero a la hora de ver ya en web en vivo no me aparecen la imagen del logo del menú transparente, alguien sabe que puede ser ?
Es problema de la caché,no se actualiza , elimina el historial junto con la caché o abre la web en incógnito. Normalmente eso lo arregla. Sino, manda mensaje al grupo de telegrama y vemos. Comenta si te sirve.!
Hola, nose si te entendí pero una vez que lo creas en PC debería funcionar igual en los dispositivos móviles. Si quieres te ayudo Pero mándame un mensaje por el grupo de telegram, está en la descripción. O si quieres ir por Instagram, solo avísame cuando me mandes el mensaje con un comentario. Saludos
@@berthortiz es que al crear el menú de escritorio todo bien, el tema que me pasó a mí es que el contenedor abarca toda la pantalla del móvil y no entiendi cómo dividir el contenedor para que se ponga el logo y el icono del menú
@@oliversoma tu duda es como poner el logo y el icono de hamburguesa uno a lado del otro? Si es eso, a la columna del logo y de hamburguesa ponle 50% de ancho y que esté en ancho completo y los iconos restantes ocultalos desde avanzado > adaptabilidad. Dime si es eso.
Si, hay que ponerlo en un lugar clickeable nadamás. Al poner el popup en toggle le estamos diciendo que si hace clic se habrá y si volvemos hacer click que se cierre.con eso se puede hacer un menú estilo RUclips. Espero te sirva.
@@berthortiz eso funciona en el menú dentro del popup? Estoy armando una onepage y quiero que si hacer click en el menú, se cierre ya que no se actualiza
@@MaxiGarro no lo he probado así pero en teoría debería funcionar. Coméntame si te funciona. Si debería funcionar, por qué solo estamos llamando a otro popup.
Lograste hacer esto? ya que curiosamente a mi me pasa algo raro, tengo un menu con elementos ancla en la propia homepage y otros con urls para otras paginas internas, pero cuando uso los elementos ancla para que haga scroll, el scroll funciona pero el popup sigue abierto y en cuanto le doy a cerrar en la X o bien cliko fuera del, me lleva de nuevo al inicio del scroll.. es raro, no mantiene el desplazamiento y no tengo ni idea de como solucionarlo@@MaxiGarro
amigo tengo el problema de que si abro el popup desde la derecha no me funciona la animacion de entrada y la pagina se mueve toda, pero cuando lo pongo desde la izquierda abre perfecto. Alguna solucion por favor?
Prueba hacerlo desde una ventana de incógnito, a veces son bug con la cache, te diria que elimines la cache pero habría que hacerlo cada que actualizas o guardas los cambios en elementor. si eso no sirve prueba hacer otro popUp en otra página, o prueba el popUp en otra página, si funciona en otra página o con otro popUp busca cual puedes ser el error. si nada funciona la única forma en la que podría darte una solución es que me dejes entrar a la web y revisarlo, puedes mandar mensaje al grupo de telegram, está en la descripción. saldos
Yo no le puede links, lo hice así para la demostración, creo que por eso se te cierra. Prueba poniendo links. Sino, mándame video por instagram y lo revisamos. Saludos.
@@elbertjosesalasbrochero6318 como lo solucionaste por favor? llevo unos días con ese problema y no puedo resolverlo, me gustaría que le popup se cerrase al ir a un link de la misma onepage
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Magnifico muchisimas gracias
Excelente bro de verdad te agradezco mucho, un cliente me lo pidió y pase 2 semanas loco sin saber como
Está muy bueno el menú. Gracias por compartir.
WOOOOW ERES UN CRACK!! SUPER BUEN TUTORIAL!!!
Gracias por tu comentario. Saludos
Te amo men, gracias; más videos así, por favor.
Gracias a ti!
Me ha resultado súper útil, MILLONES DE GRACIAS!!! 😘
Genial... desde ya, tienes un suscriptor más (revisé tus otros contenidos y son muy buenos!)
Gracias por la sub. Saludos.
que tutorial tan magnifico
Buen video, excelente 🎉🎉
Muchas gracias 😁
Que buen tutorial bro, mil gracias por esa explicación
explicas perfecto bro! gracias
Owww genial bro
Gracias, una pregunta ❓ diagmos wue en ese pop up tengo un menú por ejemplo servicios, que despliega un submenú. Como lo podemos agregar? Te agradezco
solo metelo en un contendor, dentro del popup, pero no se tal vez sea mas complicado o mas facil, todo depende de conque este echo el menu, si con un pligin externo o el mismo de elementor. si quieres manda capturaras la grupos de telegram para revisar mas a detalle y pueda ayudarte. grupo en la descripción.
@@berthortizmetí otra lista de iconos alineado está vez hacia la derecha debajo del que yo necesitaba, no es desplegable pero apenas eran 4 opciones del sib menú y las enlazó a sus respectivas página
Hermano mis respetos para usted es un crack y tus tutoriales son excelentes muy agradecido por tus aportes, tiempo y conocimiento gracias. Solo permiteme hacerte una observación. El efecto Blur no funciona en dispositivos iOS iphone solo se ve transparente. Lo he probado y funciona perfecto en Android y PC, pero no en los iphone. Solo queria indicarte eso, desconozco el motivo por el cual pasa eso tal vez con tu conocimiento puedas compartirnos una solución. Muy agradecido con tu video estimado.
Gracias a ti amigo, tu comentario me ayuda un montón.
intenta poner esto dentro de las "{ }"
-webkit-filter: blur(15px);
-moz-filter: blur(15px);
-ms-filter: blur(15px);
filter: blur(15px);
también intenta usar % en vez de pixeles.
ejemplo: backdrop-filter: blur(30%);
@@berthortiz
.dialog-widget-content {
backdrop-filter: blur(20px); contrast(100%);
-webkit-backdrop-filter: blur(20px) contrast(100%);
}
Pasa Android y IOS, Gracias por tu trabajo !
Esperando mas tutoriales :)
@@jairaburto6696 funcionó al toque!
Hola!fantástico video, solo una cosa, al poner el código no se pone opaco, alguna idea??
Vale ha funcionado con un código adaptado del tuyo con chatgpt, por si os sirve:
.dialog-widget-content {
background-color: rgba(255, 255, 255, 0.3); /* Fondo blanco con 30% de opacidad */
backdrop-filter: blur(8px); /* Aplicar desenfoque de 8px */
-webkit-backdrop-filter: blur(8px); /* Prefijo para compatibilidad con navegadores Webkit */
border-radius: 10px; /* Opcional: Bordes redondeados */
padding: 20px; /* Opcional: Espaciado interno */
Tengo una duda, lo he realizado todo con exito. pero cuando ingreso a otra pagina desaparece a menos que tengo que colocar el icono en todas las paginas que cree. Como puedo solucionar eso ya que literal de alguna manera en el cite map no tiene menu la web.
Excelente video, y muy fácil de aprender con tus consejos Bert, solo tengo un inconveniente no se si alguien le pasa, al momento de pegar el código ccs no hace nada, ya intente copiar de todas las formas posibles y he cambiado el valor de 8 pero no hace nada, tal vez estoy haciendo algo mal
Que sistema tienes? windons, linux, o mac. al codigo le falta los prefijos. ahorita te los paso en el comentario de abajo
.dialog-widget-content {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
si no te funciona, manda mensaje al grupo de telegram está en la descripción.
Hola gracias por la información compartida. Cómo puedo editar el menú lateral?
En administración > plantillas > click en la pestaña todas las plantilla y te aparecerán las más reciente, aún lado dice pup up
@@berthortiz Muchas gracias
@@liraalberto lo encontraste?
@@berthortiz Si, lo pude editar sin problema, muchas gracias nuevamente por la ayuda
-El tutorial perfecto no existe
-El tutorial....
Muy bueno y fácil, lo único que no entiendo por que no me funciona es que las imagenes del logo que pongo se ven en elementor pero a la hora de ver ya en web en vivo no me aparecen la imagen del logo del menú transparente, alguien sabe que puede ser ?
Es problema de la caché,no se actualiza , elimina el historial junto con la caché o abre la web en incógnito. Normalmente eso lo arregla. Sino, manda mensaje al grupo de telegrama y vemos. Comenta si te sirve.!
para crear el logo con el menu hamburguesa en el movil no lo explicaste, solo como se oculta la versión de escritorio.
Hola, nose si te entendí pero una vez que lo creas en PC debería funcionar igual en los dispositivos móviles. Si quieres te ayudo Pero mándame un mensaje por el grupo de telegram, está en la descripción. O si quieres ir por Instagram, solo avísame cuando me mandes el mensaje con un comentario. Saludos
Insta instagram.com/berth_ortiz?igsh=MTNzZHM0b2Vmc2Zzbg==
@@berthortiz es que al crear el menú de escritorio todo bien, el tema que me pasó a mí es que el contenedor abarca toda la pantalla del móvil y no entiendi cómo dividir el contenedor para que se ponga el logo y el icono del menú
@@oliversoma tu duda es como poner el logo y el icono de hamburguesa uno a lado del otro? Si es eso, a la columna del logo y de hamburguesa ponle 50% de ancho y que esté en ancho completo y los iconos restantes ocultalos desde avanzado > adaptabilidad. Dime si es eso.
Hola! se puede cerrar al hacer click en el menu?
Si, hay que ponerlo en un lugar clickeable nadamás. Al poner el popup en toggle le estamos diciendo que si hace clic se habrá y si volvemos hacer click que se cierre.con eso se puede hacer un menú estilo RUclips. Espero te sirva.
@@berthortiz gracias!!!
@@berthortiz eso funciona en el menú dentro del popup? Estoy armando una onepage y quiero que si hacer click en el menú, se cierre ya que no se actualiza
@@MaxiGarro no lo he probado así pero en teoría debería funcionar. Coméntame si te funciona. Si debería funcionar, por qué solo estamos llamando a otro popup.
Lograste hacer esto? ya que curiosamente a mi me pasa algo raro, tengo un menu con elementos ancla en la propia homepage y otros con urls para otras paginas internas, pero cuando uso los elementos ancla para que haga scroll, el scroll funciona pero el popup sigue abierto y en cuanto le doy a cerrar en la X o bien cliko fuera del, me lleva de nuevo al inicio del scroll.. es raro, no mantiene el desplazamiento y no tengo ni idea de como solucionarlo@@MaxiGarro
amigo tengo el problema de que si abro el popup desde la derecha no me funciona la animacion de entrada y la pagina se mueve toda, pero cuando lo pongo desde la izquierda abre perfecto. Alguna solucion por favor?
Prueba hacerlo desde una ventana de incógnito, a veces son bug con la cache, te diria que elimines la cache pero habría que hacerlo cada que actualizas o guardas los cambios en elementor. si eso no sirve prueba hacer otro popUp en otra página, o prueba el popUp en otra página, si funciona en otra página o con otro popUp busca cual puedes ser el error. si nada funciona la única forma en la que podría darte una solución es que me dejes entrar a la web y revisarlo, puedes mandar mensaje al grupo de telegram, está en la descripción. saldos
Hay un problema como se cierra solo al dar click en una de las opciones del menu , toca abrir y cerrarlo .
Yo no le puede links, lo hice así para la demostración, creo que por eso se te cierra. Prueba poniendo links. Sino, mándame video por instagram y lo revisamos. Saludos.
Hola, ofreces servicios para páginas ya creadas?
Hola cami, depende de que tan difícil sea de manejar el proyecto o la web. cualquier cosas mándame un correo y platicamos. ✉ berthortizweb@gmail.com
@@berthortiz hola ,parece que ya te escribio mi compañero Nando. Nos gustaría hacer una videollamada contigo
Amigo, tienes web? cómo podemos contactarte?
Hola, aquí te dejo mi Instagram y mi correo. instagram.com/berth_ortiz
berthortizweb@gmail.com
Saludos.
En modo phone al dar en el enlace del menu sigue el popup activo deberia desaparecer al final del evento.
Me pasa lo mismooo, conseguiste solución ?
ya lo solucionaste? mándame mensaje al canal de ayuda de Telegram t.me/ElementorAyudaBerth
ya lo solucionaste? mándame mensaje al canal de ayuda de Telegram t.me/ElementorAyudaBerth
@@berthortiz si, ya lo solucione gracias.
@@elbertjosesalasbrochero6318 como lo solucionaste por favor? llevo unos días con ese problema y no puedo resolverlo, me gustaría que le popup se cerrase al ir a un link de la misma onepage
ya valio link del codigo css
.dialog-widget-content {
backdrop-filter: blur(8px);
} Aqui te lo dejó. saludos.
Owww genial bro