Se deforma el encabezado y logo de mi formulario en formato de móvil

Hola, buenas. Me gustaría saber si hay alguna forma de que el formato se vea igual que en la tablet o computador, ya que cuando lo pongo en formato de celular se deforma. Gracias de antemano.

Hola Catherine,

Gracias por contactarte con el Soporte de Jotform. Puedes modificar el tamaño de este logo en las pantallas de los dispositivos móviles usando un código CSS personalizado. Te muestro como hacerlo:

1. En el Creador de formularios haz clic en el icono de brocha azul a la derecha para abrir el diseñador de formulario.
2. Ve a la pestaña de Estilos y baja hasta el cuadro de Insertar CSS Personalizado.
3. Inserta el siguiente código:

      /* Fix distorted logo on mobile -#23170691 */

@media screen and (max-width: 480px){

img {

height: 100px !important;

}

/* Code ends here */

Así se puede ver en un móvil:

Haz la prueba y no dudes en hacernos saber si necesitas más ayuda.

Gracias! El logo se ve muchísimo mejor. Tenía otras consultas:

1. ¿Hay alguna forma de qué en el celular el ancho del cuadro celeste sea como del ancho de la pantalla? Como se puede ver en la misma imagen anterior, el cuadro celeste tiene espacios blancos tanto para arriba como para los lados.
2. En la descripción bajo el título, ¿hay alguna forma de subrayar o poner en negritas solo ciertas palabras?
3. Hay ciertos formatos de preguntas en los cuales se les puede poner un texto abajo como subetiqueta, ¿hay alguna forma de hacerlo para las preguntas con múltiples alternativas? o quizás poder poner en la misma pregunta algunas oraciones de color gris para que destaquen menos. Para poner instrucciones que no son tan importantes como la pregunta en si, como por ejemplo, "Selecciona todas las alternativas que correspondan".
   
   
   

Nuevamente muchas gracias por la ayuda!

Hi Catherine,

Unfortunately, our Spanish support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

As for your question on how to cover the screen with the light blue box, we can inject a custom CSS code into your form. Let me show you how:

1. First, copy this code:

@media screen and (max-width: 480px) {

  .form-section div.form-header-group.header-large {

 

    margin-left:-37px;

    margin-right:-37px;

    padding: 28px 14px;

  }

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

To avoid confusion, I moved your second question on a new thread. You can check out the response here. I also had to move your third question on another thread. You can check out the response here.

Reach out again if you have any other questions.