My Jotform Card Form is not Mobile Responsive

  • Profile Image
    bogdankrstic35
    Asked on March 10, 2021 at 02: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.png

    Second image:

    1615405202_60492092c5004_159663911_73244

    What can I do about this?

    Thank you,

    Bogdan

  • Profile Image
    BDAVID
    Answered on March 10, 2021 at 09:08 PM

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

    1615428434_60497b52bd785_site.gif

    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.

  • Profile Image
    bogdankrstic35
    Answered on March 11, 2021 at 06: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.

  • Profile Image
    Sigit_W
    Answered on March 11, 2021 at 08: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_

    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_

    Regards.