Mobile Widget isn't working anymore?

  • Profile Image
    studiobranson
    Asked on April 12, 2017 at 07:14 AM

    I checked my forms on my mobile devise, and they didn't fit the width anymore.  I just updated the mobile widget, but they still are loading too wide, making for an award client experience. What can I do?

    Viewing on an iphone6

  • Profile Image
    seth
    Answered on April 12, 2017 at 08:17 AM

    Hello,

    I checked your form and it is working properly on my end:

    Can you please update the iFrame code that you are using if you haven't done it after updating Mobile Responsive Widget. Also please update the scrolling property of the code to "Yes" since it may cause bottom of your form not to be displayed.

    After updating your iFrame code if the issue persists, please contact us again.

    Thank you.

  • Profile Image
    studiobranson
    Answered on April 12, 2017 at 11:45 AM
    I updated everything, the widget, the iframe on the site (Wix), I even cleared my browser history to start fresh. The width is still not adjusting.
    Sent from my iPhone
    ...
  • Profile Image
    Kevin_G
    Answered on April 12, 2017 at 02:23 PM

    I've checked your form in an iPhone emulator, I was able to replicate the issue you're mentioning. 

    Upon inspecting the embedded code I can see the iFrame where the form's been embedded has 100% width, so there may be an existing element in the webpage that has more  width and the form's code fits this size. 

    However, seems like you've used a plugin or app to embed your form, could be possible to embed it directly using the iFrame code? 

    This guide will help you to get it: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    This will also allow you to handle better the iFrame embed code size, so you could either increase or decrease it. 

    Please, do let us know how it goes. 

  • Profile Image
    studiobranson
    Answered on April 12, 2017 at 06:44 PM
    I've tried everything I can think of. I embedded the iframe. I deleted it and tried again. The form itself isn't resizing the text to fit. It does it when I go to the stand alone form page but not embedded on my site. I really want it on my site to keep my branding. What's weird is that it is resized correctly in my mobile view in my website editor.
    Sent from my iPhone
    ...
  • Profile Image
    Kevin_G
    Answered on April 12, 2017 at 08:09 PM

    I was testing a way to resolve the issue, I found that the JotForm's iFrame is embedded under another iFrame, there seems to be another CSS code that affects the iFrames too. 

    However, I found that injecting the following CSS code should fix the issue and display your form properly:

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

        .supernova {

            margin-right: 50%;

        }

    }

    This guide will help to inject the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

  • Profile Image
    studiobranson
    Answered on April 12, 2017 at 11:45 PM
    Thank you!!!!! It worked. I really appreciate all the help and how fast you responded.
    Have a great day,
    Elizabeth
    Sent from my iPhone
    ...