Need to make my form mobile responsive.

Hello Jot Form support team,

My form https://form.jotform.com/212823942649059 is currently not responsive when looking at on a mobile and I hope you can help me!

Thanks,

E

Greetings,

I've checked your form on the Mobile preview and it seems to be showing correctly.

You can check it in a different browser if it is still not showing correctly on your end.

Should you need further assistance then please let us know.

Thanks

Hello Rehan,

Thank you for your message. Yes, I've managed to fix this but not all of the form is responsive - did you scroll through?

E

Hi,

Are you perhaps referring to the "Button Checkboxes" widget?

If so, please allow me some time to check on this and I will get back to you as soon as I have more information.

Thank you!

Hi,

Please try adding this custom CSS code to the widget's CSS code section:

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

 div#checkbox-container {

  overflow: scroll;

}

}

Please give it a try and let us know how it goes.

Hello Jovanne,

Thank you for your help with the button check boxes i've added this to the CSS. I was looking more generally, for example there's an overlay of text when you move down in the Biography section. Some of the products overlap etc.

thanks,

E

Hi,

Please allow me some time to check on this and I will get back to you as soon as I have more information.

Thank you.

Hi,

It appears that you have declared a CSS code that greatly affects the layout of your form in mobile view. Can you please try removing the height property in #id_39?

See the image attached:

From my mobile view, it will look like this:

Please give it a try and let us know if you need further assistance.

Thank you.