[Resuelto] Hacer responsive Formulario Mailchimp  

Hola Ignacio, 

Entiendo que es la sección de los inputs que sobresalen en móvil, si es así para solucionarlo prueba añadir el siguiente código CSS en el apartado de Apariencia -> Personalizar -> CSS personalizada.

@media only screen and (max-width: 600px) {
#mc_embed_signup .mc-field-group input {
width: 70% !important;
}
}

Verifícalo y nos comentas como va todo. 

Un Saludo

@karen Muchas gracias por la rápida respuesta.

Disculpa si no me explico bien pues sé lo justo de Wordpress. He seguido tus instrucciones pero no ha cambiado. Te doy un poco más de información por si puede ayudar:

1. En mailchimp copia el código HTML de mi formulario.

2. En Wordpress he creado, en la posición de la página que me interesa, el elemento Raw HTML con el código de mailchimp. Y se ha colocado y funciona perfecto.

3. El problema es que en versión móvil queda cortado. Para evitarlo he creado otro elemento Raw HTML solo visible para móvil y (creo que) he configurado los márgenes para que se adaptase a la pantalla. Pero por mucho que he cambiado parámetros de ese módulo específico Raw HTML, el formulario "ni se inmuta". Queda cortado el tercio derecho.

Muchas gracias por todo,

Ignacio.

Hola Ignacio, 

No te preocupes intentemos solucionarlo, de momento has añadido el código en el apartado de Apariencia -> Personalizar -> CSS Adicional

Envíanos alguna captura sobre esta sección para verificar si no se muestra un error, te comparto la siguiente guía donde indica como subir imágenes a foro -> https://soporteforo.webempresa.eu/guia/subir-imagenes-a-consultas-en-foro/

Verifícalo y nos comentas como va todo

Un Saludo

@karen

Hola Ignacio, 

Elimina esta línea que veo aquí añadida y guarda los cambios

Pruébalo y nos comentas cuando este para revisarlo

Un Saludo

@karen Hola, se nos resiste! Sigue inamovible.

Hola Ignacio, 

Entiendo, probemos otra cosa, el código HTML que tienes añadido de mailchimp cámbialo por el siguiente y revisa si todo funciona de forma correcta. Contenido solo visible a usuarios registrados

Verifícalo y nos comentas como va todo

Un Saludo

Buenos días @karen

A pesar que el formulario era bastante terco a los cambios, lo hemos conseguido. Muchas gracias por tu esfuerzo. Lo extraño es que al cambiar el formato para móvil también se me modifica en versión escritorio (teniendo dos elementos o bloques de wordpress independientes). En cualquier caso, a partir de tus indicaciones y observando el código que habías añadido, hemos logrado ajustar el formulario. He tenido que ajustar un poco los valores, a la vez que he aprovechado para modificar otra cosa (sin conocimientos, a base de observación, deducción y mucha "prueba y error").

Lo dicho, muchísimas gracias @karen por resolverme el problema. Siempre lo hacéis. Muchas gracias webempresa.

Feliz sábado,

Ignacio.

Hola Ignacio,

Nos alegra que las indicaciones te hayan guiado a las pruebas correctas y obtuvieras el resultado esperado

De tener alguna ora consulta estaremos atentos por aca

Saludos!