Avisos
Vaciar todo

Problema Con Modo Responsive  

 
Sergio
 Sergio
Usuario eminente

Hola buenos días;

Estoy experimentando un fallo a la hora de que nuestra pagina se convierta en responsive, el error que nos ocurre es que una vez llamada la pagina desde el móvil esta permite deslizar el dedo hacia la izquierda dejando visible un cuadro blanco a la izquierda. Lo que queremos hacer es que la pagina completa ajuste su anchura según el dispositivo.

Adjunto unas fotos en las que se muestra el fallo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/04/2018 1:42 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Sergio,

Esto parece indicar que tienes algún elemento en tu web con un ancho mayor al disponible.

Como primera prueba, desactiva temporalmente el plugin o widget que estás utilizando para mostrar el efecto de página desplegable de la parte superior derecha y verifica si así se soluciona la incidencia.

ResponderCitar
Respondido : 27/04/2018 2:31 pm

Cursos Gratuitos WordPress

Sergio
 Sergio
Usuario eminente

Ya lo he desinstalado, pero no surgio ningun efecto. He estado revisando según tus indicaciones y creo que he dado con el problema. En la sección de reservas, las dos categorías que tiene contienen un contact form. En ambos contact form hay un recptcha y estos son mas grandes (aunque sospecho que no son los únicos) porque no rellenan la zona blanca completamente.

Adjunto captura de la parte del recaptcha que también querría solucionar.

ResponderCitar
Respondido : 27/04/2018 2:49 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Parece que la incidencia está casuada por el logo que estás utilizando: Contenido solo visible a usuarios registrados

Este ocupa más ancho del necesario, lo que hace que no entre en ventanas de ancho reducido.

Tendrías que eliminar es espacio que tienes en transparente a ambos lados de la propia imagen para ver si así se corrige el desplazamiento.

ResponderCitar
Respondido : 27/04/2018 4:58 pm

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

Sergio
 Sergio
Usuario eminente

Efectivamente Pablo ese era el problema y ya a quedado solucionado! muchísimas gracias.

Pero ahora si nos es mucho abusar me gustaría dejar solucionado el problema del recaptcha para los dos formularios ya que no consigo dar con la solución de como hacerlos responsive, como te enseñe en la foto anterior siempre salen del recuadro. He verificado que se ve bien en ordenador y en dispositivos móviles iphone (por lo general son pantallas mas amplias) pero al visionar la pagina desde dispositivos más pequeños no se ve correctamente.

Se puede verificar eso con el propio inspeccionador de google seleccionando el tipo de móvil galaxy s5 por ejemplo.

¿Como lo puedo solucionar?

Muchas gracias de antemano,
Sergio

ResponderCitar
Respondido : 27/04/2018 5:51 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Con respecto al problema con el ancho del recaptcha, algo que podrías probar es quitar el padding y el margin del contenedor, es decir prueba con el siguiente código CSS

@media (max-width:480px){
    #rt-main > .rt-container > .rt-grid-12 > .rt-block{
        padding:0;
        margin:0;
    }    
}

Puedes agregar este código al final de tu archivo .css de tu theme, o crear una personalizado, revisa:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Saludos.

ResponderCitar
Respondido : 27/04/2018 6:41 pm

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