My Jotform Card Form is not Mobile Responsive

  • bogdankrstic35
    Asked on March 10, 2021 at 2:43 PM

    Hi!

    I've recently purchased Jotform in order to create an engaging form and publish it on my WordPress website. Here's the link: https://sarasotamoldpros.com/

    I use Elementor to build pages. I've added my Jotform as an iFrame because I want the form to be on the top of the home page, next to the business' phone number. On a desktop, after adjusting the margin a little bit, it looks and works perfectly.

    When I go to the mobile editor in Elementor, the form seems to adjust to the size of a mobile screen by itself.

    However, when I go to a real mobile, the form goes off-screen and it's completely unusable. I can't view the Next, Previous, and Submit buttons.

    I've tried fixing it in a few ways but none of them worked (editing the CSS and adjusting margin and padding).

    Below, I've attached the screenshots of how the form looks in the mobile editor (first image) vs how it really looks on mobile (second image).

    First image:

    1615405131 6049204bd132d sc1 Screenshot 10

    Second image:

    1615405202 60492092c5004 159663911 73244 Screenshot 21

    What can I do about this?

    Thank you,

    Bogdan

    Page URL: https://sarasotamoldpros.com/
  • David JotForm Support Manager
    Replied on March 10, 2021 at 9:08 PM

    Thank you for contacting us. I checked your site, but I could not find the Card form anywhere:

    1615428434 60497b52bd785 site Screenshot 10

    Our forms are mobile responsive by default. You could check the form in a mobile device using its direct link. The Card form must be adapting to the dimension of the HTML element of your site where it is embedded.

  • bogdankrstic35
    Replied on March 11, 2021 at 6:21 AM

    Hi!

    It works now.

    However, is there a way I can edit the mobile version?

    The next button is not right below the form field.

    If it's possible, how can I do that?

    Thank you.

  • Sigit JotForm Support
    Replied on March 11, 2021 at 8:34 AM

    Greetings,

    Thank you for the updated information, I am glad that it works on your end.

     I checked your site source, but I could not find the JotForm anywhere:

    1615468888 604a195833ce1 Screenshot 10

    Regarding "However, is there a way I can edit the mobile version?"

    I guess you are referring to the Card Layout, and not the JotForm Mobile Forms app.

    Please note that there are some features that were intentionally removed/moved in Card Forms. These were done on purpose to match the overall look and feel of the new layout. And one of them is Custom CSS.

    Related guide: https://www.jotform.com/help/494-cards-or-classic-which-one-should-i-use

    With Card Layout - Form Designer you can customize the Form Color, Image, Video and Layout.

    1615469547 604a1beb5ffd2 Screenshot 21

    Regards.