-
67PallMallAsked on November 4, 2021 at 5:56 AM
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
Page URL: https://form.jotform.com/212823942649059 -
Rehan Support Team LeadReplied on November 4, 2021 at 7:24 AM
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
-
67PallMallReplied on November 4, 2021 at 7:28 AM
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
-
Jovanne JotForm SupportReplied on November 4, 2021 at 8:13 AM
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!
-
Jovanne JotForm SupportReplied on November 4, 2021 at 8:25 AM
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.
-
67PallMallReplied on November 4, 2021 at 1:14 PM
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
-
67PallMallReplied on November 4, 2021 at 1:15 PM
-
Jovanne JotForm SupportReplied on November 4, 2021 at 4:49 PM
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.
-
Jovanne JotForm SupportReplied on November 4, 2021 at 5:07 PM
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.