Can't Type in Fields with Blue Envelope Theme

  • Profile Image
    ToliverBancroft
    Asked on March 25, 2016 at 06:29 AM

    I love this theme, but for some reason it's not allowing me to type in the fields.

    Also, when I try to use it, it's not properly centered, and only pieces of it show up on my site. 

    Here's my link.

  • Profile Image
    mert
    Answered on March 25, 2016 at 08:16 AM

    Hi there,

    To beat this problem, you need to add custom CSS rule to your form. Below, you will find the related CSS, please copy&paste it to your form by using the provided method.

     

    .form-input-wide {

        position: static !important;

    }

     

    After adding it, you will see the form is starting to work. If you need anything else, please do let us know.

    Regards.

  • Profile Image
    ToliverBancroft
    Answered on March 25, 2016 at 08:18 AM

    Thank you. I decided to just do a new one, and I can type in it now. But unfortunately, it keeps stretching on my cell phone and looking all weird. I tried making it responsive but it does not change? How can I make it stay the same as on the desktop?

     

    Here is the link to my webpage: http://www.toliverbancroft.com/#!apply-for-a-merchant-cash-advance/c1z0v

  • Profile Image
    mert
    Answered on March 25, 2016 at 08:34 AM

    Currently, the width of the iFrame embed code has set to "100%", that's why it is stretching the form when it is on mobile. To beat this issue, you need to change the iFrame embed code just like the below:

     

    <iframe

    id="JotFormIFrame"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    src="https://form.jotform.com/60843043098153" frameborder="0"

    style="width: 628px;

    height: 790px;

    border: none;"

    scrolling="no">

    </iframe> 

     

    As it is seen from the above, changing the "width" as "628px" will solve this problem and also, you can use the one from the above. If you encounter any error, please do let us know.


    Regards.

  • Profile Image
    ToliverBancroft
    Answered on March 25, 2016 at 08:41 AM

    Thanks again. But on my cell phone, it still stretches and you cannot properly see the design of the envelope. It only stays put on a desktop. 

  • Profile Image
    mert
    Answered on March 25, 2016 at 10:43 AM

    In this case, please try to enable the "Mobile Responsive" option in "Properties". See the steps from the below:

     

    On my tests, it loads properly on mobile, you can see the screenshot from the below:

     

    I hope this one will fix the problem. Please, do let us know the results.

    Regards.

  • Profile Image
    ToliverBancroft
    Answered on March 26, 2016 at 10:11 PM

    Thank you. That works, however it causes my screen to pull down to the top of the form when I hit the next button. 

  • Profile Image
    ToliverBancroft
    Answered on March 26, 2016 at 10:13 PM

    When I use source code instead of iframe code, this keeps it from jumping down. But then I'm back to the original issue of it not being centered.

  • Profile Image
    Kevin_G
    Answered on March 27, 2016 at 01:32 AM

    This should be fixed by adding ?nojump to the URL of the embedded form, the final iframe code that you should embed looks like this: 

    <iframe

    id="JotFormIFrame"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    src="https://form.jotform.com/60843043098153?nojump" frameborder="0"

    style="width: 628px;

    height: 790px;

    border: none;"

    scrolling="no">

    </iframe> 

    Do let us know how it goes with this change.