Problema responsive en mi página  

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,

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 🖐️ 

@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?

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

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

Muchas gracias

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 🖐️ 

@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, 🙁

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 🖐️ 

@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/

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.

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.

@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?

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.

@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 🙁

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 🖐️