Problema Con Modo Responsive  

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.

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.

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.

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

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.