Avisos
Vaciar todo

Problema responsive en mi página  

Página 2 / 2
 
Toni
 Toni
Usuario experto

Hola, mi problema es que he construido mi web con DIVI y la he adaptado a los diferentes dispositivos en el constructor, hasta ahí todo bien se ve bien en el constructor en las vistas de escritorio, tablet y movil pero cuando abro mi web en mi ipad o teléfono todo se descuadra, incluso hay como un hueco a la derecha que me hace deslizar toda la página, no se como solucionar este problema, se supone que DIVI te hace el responsive sin problema, por favor ayudenme a solucionar esto que me esta rompiendo la cabeza, muchas gracias.

así se ve en el constructor en la vista de tablet

Captura de pantalla 2020 09 09 a las 8.34.47

y así se ve en la tablet (posición vertical) en toda la página viendola desde el ipad pasa igual

IMG 0231

y posición horizontal

DIMG 0233
Este debate ha sido modificado el hace 4 años por Toni
Citar
Respondido : 09/09/2020 7:46 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Tony,

Es algo que toma tiempo el hacer todo el responsive de la web, y el proceso es manual debes ir validando al mismo tiempo que estas desarrollando, como método adicional recuerda que puedes asignar secciones para verse u ocultarse dependiendo del dispositivo,

image

Por ejemplo podrías crear una sección para verse únicamente en escritorio y otra para moviles, depende de que necesitas que se muestre.

Un saludo 🖐️ 

ResponderCitar
Respondido : 14/09/2020 1:23 pm

Toni
 Toni
Usuario experto

@argenis

Hola, es que soy nuevo en esto y no consigo entender muy bien el funcionanmiento por el cual yo coloco algo y se ve bien en la posición vertical en el movil pero se ve mal en la horizontal adjunto una cuestión, yo quiero que en mi movil se vea esto como en la vista de escritorio, no se si he estructurado bien, al menos en la vista de escritorio parece qye si, pero como pongo mi imagen "canciones a medida" sobre la imagen de la chica con los auriculares sin que se me desplace en el movil cuando lo giro a posicion horizontal?

 

Captura de pantalla 2020 09 14 a las 14.02.07

 

 

Captura de pantalla 2020 09 14 a las 14.02.18

 

y esta es la estructura que tengo creada:

- una imagen de ancho completo (imagen de la chica con auriculares)

- sección que tiene dentro una fila la cual tiene dentro una imagen (canciones a medida), un botón y un texto

 

Captura de pantalla 2020 09 14 a las 13.55.49

 

si la sección que contiene estos tres elementos la pongo debajo de la imagen de portada de ancho completo y luego subo la imagen de "Canciones a medida" y el botón ¿lo estoy haciendo bien? porque cuando hago eso y giro en horizontal el movil esa imagen "canciones a medida" se desplaza de sitio, he probado con otros elementos ponerlos centrados y sin sacarlos de su FILA y si que se adaptan cuando se gira a la posición horizontal, perdona tanta pregunta, espero haberme explicado bien

Así es como lo he dejado ahora por defecto todo sin mover nada aún

 

Captura de pantalla 2020 09 14 a las 14.01.31
Captura de pantalla 2020 09 14 a las 14.01.14

 

 

Muchas gracias

ResponderCitar
Respondido : 14/09/2020 1:45 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

Hola, es que soy nuevo en esto y no consigo entender muy bien el funcionanmiento por el cual yo coloco algo y se ve bien en la posición vertical en el movil pero se ve mal en la horizontal adjunto una cuestión, yo quiero que en mi movil se vea esto como en la vista de escritorio, no se si he estructurado bien, al menos en la vista de escritorio parece qye si, pero como pongo mi imagen "canciones a medida" sobre la imagen de la chica con los auriculares sin que se me desplace en el movil cuando lo giro a posicion horizontal?

Debes hacerlo manual y verlo, una cosa que se me ocurre es que puedes instalar un complemento de sliders para hacer la parte superior que veo es la que es causa mas problemas te comparto unos gratuitos 

https://es.wordpress.org/plugins/smart-slider-3/

https://es.wordpress.org/plugins/ml-slider/

https://es.wordpress.org/plugins/master-slider/

por el resto de las cosas es tal como te comentábamos debes ir verificando tanto a nivel de móvil como escritorio que se vea acorde y puedes hacer uso de la herramienta que te comenté previamente para definir que se ve y que no en algunas resoluciones.

Saludos 🖐️ 

ResponderCitar
Respondido : 14/09/2020 3:07 pm

Toni
 Toni
Usuario experto

@argenis

Sigo sin entender porque si tengo una sección configurada correctamente y se ve bien cuando el movil está en posición vertical, cuando lo giras a la posición horizontal se ve mal, por ejemplo en esta sección que he puesto el fondo azul para resaltarla aparentemente se ve genial pero en la posición del movil horizontal se corta un trozo de la parte de abajo, estoy desesperado y no se como hacerlo para solucionar esto, 🙁

Captura de pantalla 2020 09 14 a las 17.41.54

 

ResponderCitar
Respondido : 14/09/2020 4:45 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

Esto se debe a que varían las resoluciones, al momento de tu seleccionar móvil, no le estas indicando al sistema que sea tanto horizontal como vertical, el por defecto lo toma para vertical por que es lo usual, tomar el teléfono de forma nativa para la parte horizontal varían los pixeles es decir si en vertical es 500px x 900px al momento de hacer la conversión a horizontal sería 900px x 500px por lo tanto varia enormemente lo que es el ancho.

Verifica si modificando los datos que se muestran en la versión de tablet te ayudan al momento de configurar la version que comentas Horizontal para móvil.

Un saludo 🖐️ 

ResponderCitar
Respondido : 14/09/2020 4:52 pm

Toni
 Toni
Usuario experto

@argenis

y como puedo modificar eso para no tener problemas? perdona pero estoy recién iniciandome y me faltan muchas cosas por saber, por ejemplo en esta página que ofrece algo similar a la mia no existe el problema, se adpate perfecto en los sentidos vertical y horizontal yeso es lo que quier conseguir yo 🙁

https://canciona.com/

ResponderCitar
Respondido : 14/09/2020 4:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Sería mejor centrarse en una sola cosa a la vez, por ejemplo con respecto a la parte superior, veo que el botón amarillo "Quiero una canción", lo estas posicionando específicamente y esto no se adapta a tu diseño cuando se redimensiona.

Creo que lo mejor, al menos para la parte superior es que lo rediseñes, tener una estructura más simple te ayudará.

Deja sólo una sección, y coloca la imagen como imagen de fondo, luego usa columnas puedes usar dos columnas de 50% y en la segunda coloca la imagen y debajo el bogón de "Quiero una canción"

Sería algo similar a la imagen adjunta, el color rojo sería la imagen de fondo de la sección y luego dos columnas en la segunda de ellas pones el contenido.

Captura de Pantalla 2020 09 14 a la(s) 11.37.00

PD. Sería mejor ir revisando sección por sección, por lo que si tienes dudas adicionales sobre esta sección específica te sugiero abrir un nuevo hilo de discusión con el título referido a esa sección, de esa forma mantenemos orden en el foro.

Saludos.

ResponderCitar
Respondido : 14/09/2020 5:38 pm

Toni
 Toni
Usuario experto

@jmarreros

Me parece una muy buena solución voy aplicarla, ¿esto lo debo hacer solo en la version movil o el el genérico de la página web?

ResponderCitar
Respondido : 14/09/2020 5:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En la versión general, si sigues con dudas con respecto a esta sección, abre un nuevo hilo de discusión para discutir este punto específico.

Saludos.

ResponderCitar
Respondido : 14/09/2020 6:15 pm

Toni
 Toni
Usuario experto

@jmarreros

La verdad que me estoy volviendo bastante loco con este tema, he probado a hacerlo con una sola seccion y dos columnas pero no se me adapta y no se que hago mal, como tengo que llamr al nuevo hilo? imagino que un hilo es un nuevo tema como este que estamos tratando, perdonad mi ignorancia en el tema, si encontrara alguien que me quisiera ayudar a arreglar esto aunque sea pagando 🙁

ResponderCitar
Respondido : 14/09/2020 7:34 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

Podrías crear el hilo con la sección en especifico por ejemplo Modificación banner superior version movil, luego modificación contenido interno version movil, estos nombres son de ejemplo pero ayudan a sectorizar el problema así poder resolver un problema a la vez, con respecto a lo que comentas:

 si encontrara alguien que me quisiera ayudar a arreglar esto aunque sea pagando 🙁

Tenemos una sección de colaboradores donde si lo requieres puedes solicitarles hacer modificaciones (si ya vez que tu no puedes hacerlas), te comparto el link → https://www.webempresa.com/directorio-colaboradores.html.

Un saludo 🖐️ 

ResponderCitar
Respondido : 14/09/2020 7:49 pm

Página 2 / 2