👉 ELEMENTOR 3.4 Responsive without limits. Adapt your website to all the screens you want 😻😹
ฝัง
- เผยแพร่เมื่อ 17 พ.ย. 2024
- In this video I show you the latest update of Elementor 3.4 that will allow you to adjust your page on different screens or responsive if it sounds better to you.
Elementor custom breakpoints - Elementor 3.4 Responsive
¿Qué te pareció la nueva actualización de Elementor?
solo es en el pro?
@@carloscontrerasleon6164 está en el free
Sabes si con el Divi tambien se puede?
He visto demasiados videos y nadie me dice que pasa que cuando se modifica el móvil, también se mueve el de PC. Cuando sepa por qué pasa esto. Prometo hacer un video con la solución.
Es mala praxis, algún ratito saco un video al respecto
Cuando inicies la construcción de tu sitio web vas de sección por sección es decir, al maquetar la primera sección en el escritorio vas de inmediato a la sección escritorio y luego a la de móvil, ajustas cada uno y luego actualizas.
Buenas Tardes, Amigo Tengo una pregunta que desde hace 2) días tengo ese detalle y la Interrogante??, Yo desarrolle todo el proyecto de la página Web terminado y la adapte para su "estilo Responsive", para equipos de pantalla que se vea en (Laptop, Monitores de Escritorio, Tablet y para Telfs Móviles), pero cuando se carga la página Web en cualquier Telfs Movil, me aparece un espacio blanco en la zona Lateral derecho, que se desplaza el formato de la Web en Telfs Móviles, solo en esas Pantallas de Telfs Movil, espero que me puedas ayudar a solucionar ese punto del caso. Para que se pueda ver Normal la Página Web centrada y No Aparezca esa Barra lateral Blanca fuera de la Web...
Entonces tienes un elemento que está fuera del contenedor que está causando el problema. Chécalo con el Navegador de elementor detecta y con eso se soluciona
no me aparece la pestaña de experimentos :C
Saludoos! Buen Día Amigo, soy Desarrollador de Sitios Web, estuve buscando por los cuatro 4-Puntos cardinales, en donde aparece las opciones que muestras en el Video, para adaptar las Páginas Web en "Estilo Responsive", que no muestra la pestaña de opción Llamada "Experimento", que sale al lado de pestaña "Avanzados", no se representa en las opciones del Plugins de mi versión de Elementor. ¿¿Cómo se hace para ese caso, que pasos debo continuar, para que Aparezca??.. Muchas Graciaas!!.
En el video explico, solo ha cambiado el nombre ahora es "características"
Hola a todos!!!
una pregunta, saben si a día de hoy esto se puede hacer con el Divi?
en el Elementor me sirvió pero de vez en cuando me resultan algunos trabajos con el Divi y quisiera aplicarle esta configuración también, muchas gracias por cualquier respuesta.
lo hice pero entre uno y el otro dispositvo los elementos se mueven de lugar, no se si es porque estan en posicion absoluto , pero no se como arreglar el tema de esalado entre cada disposittivo
por lo que me cuentas veo que hay mala praxis
me dice que el valor insertado no esta en los limites de ruptura no me deja configurar el ancho de los dispositivos
Checa de nuevo el video
Hola tengo un problema con mi pagina de elementor, estoy usando Hello Elementor y cuando entro a ajustar la web en pantalla móvil y la ajusto en 766px todo el contenido se descuadra y no se como arreglarlo llevo tiempo intentandolo y no lo puedo conseguir. Alguna vez te ha pasado esto?
Una ves si me pasò jajaja pero me di cuenta a què se debía lo que indicas es una mala praxis, porque cuando lo trabajas bien se mantiene x separado los dispositivos. Quièn sabe algùn dìa saque un video al respecto
Hola, muy buen video, tengo una duda puntual, las tipografias cuando cambian de renglon hacen que mis cuadros se vean desproporcionados, como podria corregirlo?
Puedes cambiarle la unidad de medida o ajustar el salto de línea
Hola Dante, muchas gracias por tu tutorial. Tengo el caso de un portal que estoy desarrollando, donde el tamaño del banner se ve perfecto en mi pantalla (de una PC de escritorio), pero en la pantalla de algunas laptop se desconfigura, se ve acortado el ancho por lo que se recorta el diseño de la imagen y no se lee bien el contenido.. No entiendo qué pudiera estar pasando. Gracias
Tienes que trabajar en ese tamaño de pantalla y realizar los ajustes. Desde elementor eliges las medidas de pantalla. Dependiendo cómo está el diseño a veces son solo pequeños ajustes
me siguen diciendo que la web esta difrente en otras pantallas, que puedo hacer estoy usando el ancho completo en elementor
tienes que revisar que se vea bien en cada dispositivo. Si trabajas con un tema no tendrás problema si lo haces a medida tienes que revisarlo en cada pantalla
@@DanteGraficoWebs uso siempre hello elementor
Hola, estoy intentando hacer un menú sticky, pero cuando voy a los ajustes de la sección que estoy intentando poner como fija solo me aparece a opción de escritorio tableta y móvil, pero la de portátil no
Checa el video de nuevo y verás donde le puedes añadir el nuevo dispositivo
Oye te amo, ya estaba entrando en crisis! ❤ Tu tutorial 1000/10
Buenas, tengo una duda, como hago para que una web se vea igual en android y ios ya que lo hago responsive en elementor pero en el celu que visualizo se ve diferente ya sea androir o ios aunque ambos se vean diferentes entre ellos
Puedes trabajar con las medidas exactas de cada dispositivo para que se vean con esas medidas
Hola bro, tengo una duda, es que tengo un sitio web, al cual me contrataron para darle mantenimiento, pero la persona que lo hizo originalmente, creo bloques de css para darle más efectos a una las ventanas, sin embargo, eso provoca que en cualquier dispositivo no abarque el ancho completo de la página. No sé si podría contactar contigo por gmail, para algunas dudas que tengo con respecto a eso.
Cuando tomas una web realizada por otros, puede pasar lo que comentas, lo mejor es dejarle adaptada a los dispositivos y luego agregar estilos si es necesario
@@DanteGraficoWebsEs que la otra persona que la creo ya le había dado unos estilos personalizados por medio de un plugin que permite crear bloques de codigo de css, sin embargo, estos no se ajustan correctamente y sucede ese problema, que esta abarcando entre un 80-90% del ancho de la página y no deja que las modifique desde elementor
Dios te bendiga hermano, sos un genio!!!!
Genial, me alegro mucho por ello. Felicitaciones
Es.mejor aplicar esto q hacerlo con ccs ?
Disculpe, mi pagina elementor lo hice , esta bien lo abri menu iconi menu ya esta actualizado y luego pagina pero el icono menu presiono no me deja abrir ayudaaa
Es posible que tu ícono de menú este por debajo revisa en avanzado en z-indez que esté por encima de los elementos con eso al dar clic funcionará permanente
Dante, saludos. Como hago que los cambios que haga en un dispositivo no se cambie también en los demás?
Hola Ricardo cuando trabajas o realizas las adaptaciones por dispositivos lo que hagas en cada uno no afecta a los otros, salvo que cambies el contenido o modifiques la estructura a nivel de columnas, verifica eso antes de cualquier cambio
@@DanteGraficoWebs ¡Saludos cordiales, Dante! muchas gracias por el vídeo, tengo el mismo problema que Ricardo, cuando edito en la vista de Movil al regresar a Escritorio y Tablet se ha movido en todas las vistas... ojalá pudieras ayudarme llevo un año y no encuentro cual es el problema... sé que a muchos les pasa lo mismo... ¡Un gran abrazo!
@@rosariochavez3009 Tengo el mismo problema:-( ¿alguna solución?
@@andreespinoza4599 llegaron a solucionar
@@rosariochavez3009 hola me pasa lo mismo,ya lo pudiste solucionar?algún tutorial que me recomiendes para solucionar esa situación?, saludos.gracias espero tu respuesta
Hola Dante,me sucede lo siguiente hice un excelente diseño en modo escritorio,pero en móvil se ve fatal lo modifique para que se vea mejor y guarde los cambios en ese modo móvil,pero cuando regrese a modo escritorio ya se movieron algunas columnas ;(,repetí esto 3 veces y si me modifica en los demás modos ,me podrías recomendar algún tutorial para saber editar en modo responsive?o si pudieras hacer un vídeo de eso te lo agradecería mucho ya que soy nuevo utilizándolo y talvez no conozca las limitaciones de los cambios que se pueden hacer o no en modo responsive, saludos,ya me suscribí amigo
Por lo que leo es una mala práctica, por eso te sale que se ve mal en móvil. Y lo estás haciendo en ambos sentidos. Te recomiendo que te capacites al respecto sino vas a estar continuamente así. Algún día sacaré más videos de responsive, pero hoy no será el momento xd. prueba por el momento con temas responsive hasta que adquieras mas destreza
lo solucionaste?
@@marianelareszke93 pues al final opte por colocar los elementos de la oferta de la página de ventas todos en el mismo lugar,ya que al momento de cambiar a modo responsive se movían ,así que no lo pude solucionar con el diseño que tenía pero aún así sevee bien el diseño no tanto como quería ;(
@@ericklopez2945 Hola bro, pudiste resolverlo?? Porque entiendo a que te referís y te puedo ayudar.
@@tomasscala1217 a mi me pasa lo mismo y no encuentro el problema :(
Por Elementor al principio no sabía que era. Es una template para Wordpress, pero es de pago verdad? O yo no encontré cómo verla en su versión free.
Es un plugin es gratis y también tiene una versión de pago
Una duda, perjudica en la velocidad de carga haber echo la web con elementor.?
Si hay mala praxis en el desarrollo perjudica la velocidad y elementor nada tiene que ver en ello. Si se ha realizado buena praxis en el desarrollo de la web no afecta la velociad de la carga
No me deja
Muy bueno, me tiene como loco el tema de que en las transiciones entre movil y tablet y entre tablet y compu, se veía mal el menú. Espero con esto solucionarlo.
Saludos y gracias!
Bueno, me respondo por si a alguien le sirve. Actualmente a Noviembre de 2024 agregue para un header el Movil Vertical, Movil horizontal, Tableta vertical, Tableta Horizontal y Escritorio. Con esas 5 diferentes pantallas mi web se ve bien en todos los dispositivos y los puntos de ruptura funcionan bien. Por diferentes razones tengo que tener 3 cabeceras diferentes y cometí el error de ir modificando cada una, pero como no todas funcionaban bien, me quede con la mejor, la guarde como plantilla y trabajé el resto de headers usnado esa como plantilla. Mucha mas fácil. El tema ahora es que hay que revisar cada página en cada uno de los dispositivos para que se vea correctamente. Espero haber sido claro. Gracias por el tutorial que como consejo deberías actualizarlo ya que todo ha cambiado mucho, sobre todo la interface. Saludos.,
Pues a mi me cambia lo que haga en un dispositivo a otro, aunque solo haga una cosa sin afectar columnas me lo cambia para todos no se que tenga.
A nivel de layout no creo, si manejas con cuidado. Ahora con la opción container mejora para responsive
Saludos Dante, me diste mucha luz al respecto del tema de sitios responsive. Gracias por ello. Sólo una pregunta, digamos que es el contrario, que mi sitio no sea responsive y que desde cualquier dispositivo en que se vea mi sitio, únicamente aparezca la versión móvil, ¿se puede hacer eso desde elementor? . Es un mini-sitio pensado y diseñado para móviles. No tiene utilidad necesaria si se ve en un a pc. De ahí mi pregunta, si se puede mostrar sólo la versión móvil aun visualizándola en la PC. ¿Hay algún truco desde elementor? Gracias por tu tiempo y respuesta.
Hola Homini _Nocturno claro que es posible solo trabajas desde la vista movil y todo lo haces desde ahí. En USA es first movil. Algún ratito saco videoitos relacionados con lo que tiene que ver con responsive
@@DanteGraficoWebs mil gracias Dante, estaré muy atento a esos videos. Saludos!!
No me dirigió
Hola Dante, muy buenos tus videos. Tengo una duda. Creo una sección de ancho completo y en la altura especifico altura de pantalla, tanto en la versión pc como en la de tableta se ven bien, pero en la de móviles aparece una franja arriba de unos pocos pixels y sólo empieza a dejarse ver cuando le pongo algún elemento. pero de todas formas no se adecúa al alto de cada móvil como si lo hace en las demás pantallas. No se si me expliqué bien y si se puede corregir este problema. Muchas gracias. Saludos desde Argentina.
me pasa lo mismo, como lo resolviste??
@@elcaminodelogos Hola, cómo estás? En mi caso adecué dupliqué la sección, dejé la que estaba para pc y tablet, y diseñé una especificamente para movil, esta sección la oculté para pc y tablet y sólo funciona en móviles. De todas formas no se adapta como en las otras.
Crack!!! Millón gracias!!!
A la orden, qué bueno que te haya servido
Sabes si hay algo parecido para WpBakery?
años que no uso ese pagebuilder, pero creo que no
excelente tutorial!
Chévere me alegra saber que te haya servido
m sirvió.!! gracias.
Genial, me alegro mucho por ello. Felicitaciones
Gracias por el aporte! Sldos
De nada para servirte, no te olvides suscribirte para no perderte los videos que publico
Muy bueno 👍
Gracias por comentar