Avisos
Vaciar todo

Problemas con scroll pagina web en móviles y formularios en móviles  

 
Ana
 Ana
Estimable Member

Hola! Espero que esteis bien y esteis pasando unas (aunque raras) felices Fiestas. 😀  

Tengo un par de problemas en la web de reservamenorca.com,   la web en pantalla normal o laptop aparece bien, es decir, que hace scroll al rodar la

rueda del ratón y cuando están en una propiedad para alquilar y llegas al formulario éste se muestra bien y puedes hacer la petición de reserva...pero...

Al revisar en soportes moviles (miré varios para asegurarme) tengo problemas. No puedes hacer scroll vertical con el dedo en la pantalla del smartphone.

No se como arreglar eso o donde mirar. 🙁 

El otro problema también pasa en móviles. Ocurre que al llegar al formulario de reserva éste no se muestra bien, parece como si no tuviese formato, me da la impresión como si no tuviese css. Y tampoco se como solucionarlo.

 

Podeis ayudarme por favor?

 

Muchas gracias por adelantado!. Feliz fin de semana y Feliz Año Nuevo 2021.!

Ana 

Contenido solo visible a usuarios registrados

Citar
Respondido : 02/01/2021 4:08 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Supongo que te refieres a este formulario de contacto:

Contenido solo visible a usuarios registrados

Prueba quitando temporalmente el mapa de Google Maps y verifica si te sucede lo mismo.

Saludos.

ResponderCitar
Respondido : 02/01/2021 4:44 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ana
 Ana
Estimable Member

@jmarreros

Hola Jhon, espero que sigas bien. Gracias por contestar en Sábado y tán rápido.

Feliz Año Nuevo! 🙂

 

No, ese formulario de la pagina "contactar" funciona y se ve bien en móviles.

Perdoname porque quizás no me expliqué bien.

Los formularios que no funcionan en móviles (si en pantalla de ordenador o laptops) son los que están en todas las propiedades

para alquilar, te pongo tres de ejemplo: Debes bajar hasta donde está el formulario, casi al final. (en el movil no puedes, es el otro problema) 

Contenido solo visible a usuarios registrados

Si lo haces desde tu ordenador o portatil lo verás bien, pero si lo haces con tu smartphone verás los problemas, eso pasa en todas igual.

El formulario que está en las propiedades para alquilar se ve como sin css, solo en los móviles (pantallas pequeñas) pero en pantallas mas

grandes como ordenador de mesa o portatil si se ve bien.

 

Y el otro problema es que en pantallas de smartphone no se puede hacer scroll vertical con el dedo (como podrás comprobar si probaste a 

ir al formulario abriendo la página con tu smartphone)  de forma normal, para ir viendo el contenido de la página donde estas.

Eso pasa en todas las páginas, pero solo si abres la web desde móviles, como te digo, en pantallas mas grandes como de ordenador o

portatil, si se hace el scroll con la rueda del raton perfectamente.

 

Muchas gracias por tu ayuda Jhon!

Quedo a la espera, muchas gracias por adelantado por tu genial ayuda, como siempre!.

Ana

 

 

 

 

ResponderCitar
Respondido : 03/01/2021 10:33 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Es como si no se cargaran los estilos, veo que se desconfigura por ejemplo el campo de fecha.

Captura de Pantalla 2021 01 03 a la(s) 12.14.44

Esto es muy raro, esos formularios son parte de algún plugin? qué plugin usas?, revisa si tienes actualizaciones.

Saludos.

ResponderCitar
Respondido : 03/01/2021 5:16 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ana
 Ana
Estimable Member

@jmarreros

Hola Jhon Gracias por tu rápida respuesta.

El plugin usado para el calendario es Contenido solo visible a usuarios registrados

Siempre fue bien, de hecho en las pantallas de ordenador y laptop va bien, ese problema pasa solo en smartphones o pantallas de menor tamaño.

Tengo todo actualizado, plugins theme, wordpress... todo.  😥 

Que puede estar pasando?

 

Quedo pendiente de tu respuesta, gracias 😊 

Ana

 

ResponderCitar
Respondido : 04/01/2021 11:00 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana,

Es posible que algún plugin este ocasionando el conflicto y no permita que los estilos de WP Booking System.

Prueba lo siguiente, desactiva todos los plugins y deja solo los requeridos por tu tema y el de reserva luego de ello verifica si al hacerlo los calendarios cargan de forma correcta en el móvil si es así, ve activando nuevamente uno por uno los plugins hasta determinar cual causa el conflicto, recuerda verificar mientras activas cada plugin como carga el formulario nuevamente.

Un Saludo

ResponderCitar
Respondido : 04/01/2021 11:55 am

Cursos Gratuitos WordPress

Ana
 Ana
Estimable Member

@karen

Hola Karen Feliz año Nuevo.

Gracias por contestarme y por tu ayuda.

Efectivamente, parece que el plugin Autoptimize es el que daba el problema, al final no he desactivado el plugin, si no que he desactivado

en ajustes la opción de optimizar el código CSS (que como decias parecia que no cargaba estilos) y ahora se ve el formulario en móviles.

Ese plugin lo tenia para optimizar y que la página fuese más rápida... pero bueno... no se si me puedes recomendar otro válido o que sea

mejor que este, que da problemas ahora.

 

Y sobre el scroll? Que crees que puede pasar? he comprobado, al desconectar los plugins pero siempre lo sigue haciendo.

No hace scroll en móviles.

Puedes ayudarme con esto?

 

Muchas Gracias. Quedo a la espera.

Ana 

 

 

ResponderCitar
Respondido : 04/01/2021 1:58 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ana,

En este caso te comparto primero un video donde si que funciona el scroll en móviles, al menos de la web en general y en Villa Bonita, si no es esto indícanos donde en especifico es que no hace scroll.

Por otro lado para minificar los css prueba agregando la ruta del complemento que utilizas para los formularios a la ruta de excluidos por autoptimice:

image

La ruta debe ser algo como > wp-content/plugins/wp-booking-system(nombre del complemento al que va a ignorar la compresión)/, verifica y nos comentas como te va con esto.

Un saludo 🖐️ 

ResponderCitar
Respondido : 04/01/2021 2:24 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ana
 Ana
Estimable Member

@argenis

Hola Argenis.

Te doy la enhorabuena por la solución que me has dado de incluir la ruta en autoptimize para excluir ese plugin. Genial! Parece que hace caso y da resultado.

Muchas gracias por tu gran ayuda!

 

Sobre el scroll...  ¿Puede ser que hayas chequedado el tamaño movil en un simulador? Es que te cuento, yo al hacer pruebas en un simulador de movil o en el chrome en el modo que al hacer click en boton derecho > inspeccionar > tamaño movil,  tambien me va bien si hago scroll con la rueda del raton.

Pero no con el punto que aparece simulando el dedo (no se si me explico) 

Verás mejor el problema en un mobil real (yo lo pruebo en un par de smarthphones androids) cuando no va el scroll deslizando un dedo como es costumbre. La pantalla no se desliza, no scrola, vamos.

Quedo a la espera.

Gracias por tu gran ayuda Argenis.

Ana

 

ResponderCitar
Respondido : 04/01/2021 3:45 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ana,

El video que te comparto es desde mi teléfono, y he validado en otros e igualmente hacen scroll, verifica haciendo un vaciado de cache para verificar si es problema de este que no se este reflejando algún cambio o algún código directamente en los androids, e igualmente trata de vaciar la cache en los androids donde estas intentando cargar la web.

Un saludo 🖐️ 

ResponderCitar
Respondido : 04/01/2021 3:51 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ana
 Ana
Estimable Member

@argenis

Hola Argenis,

Gracias por comprobar. 😊 

Es extraño. He limpiado la cache de los dos smartphones y también el historial de navegación y me sigue haciendo lo mismo.

Pero es que además en mi ordenador en pantalla minificada a tamaño movil con boton derecho > inspeccionar , tambien me ocurre lo mismo, no scrola bien sino que va a pequeños saltos( arrastrando el punto gris que simula el dedo en el movil, no con la rueda del ratón).

Incluso he pedido a una tercera persona que entre en la web a ver que pasa, y tambien le pasa y se ha dado cuenta de una cosa, en el lateral derecho si le das con el dedo si que hace scroll porque aparece como una barra de croll antes no aparecia y en la parte de abajo aparece otra barra de scroll.

Te adjunto un video que grabado en mi android para que lo puedas ver.

Que puede ser?  Como se puede quitar esas barras? Que locura oye 😓 

Quedo a la espera. Gracias!

Ana

 

 

ResponderCitar
Respondido : 04/01/2021 4:52 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ana,

He verificado lo que comentas en el inspeccionar y efectivamente muestra un recuadro al lado izquierdo que actúa de scroll y si inspeccionamos ese recuadro tiene asignada clases de nicescroll, tienes algún complemento instalado que tenga funcionabilidades de scroll?, si no tienes instalados este tipo de complementos es posible que sea una característica del propio tema, y al ser un tema de pago no podemos validar este comportamiento y como desactivarlo.

Puedes intentar contactar con soporte del tema para que validen si esto es parte de su propio tema y como desactivarlo ya que esta generando conflictos, también puedes hacer pruebas desactivando todos lo complementos y validando si aun desactivándolos sigue generando este nicescroll, si se sigue generando quedas mas que segura en que es una característica del tema.

Si por el contrario si se elimina entonces vas activando uno a uno los complementos hasta que encuentres el que esta ejecutando la acción de scroll en el sitio.

Un saludo 🖐️ 

ResponderCitar
Respondido : 04/01/2021 5:05 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress