Mobile Widget isn't working anymore?

  • studiobranson
    Asked on April 12, 2017 at 7: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

  • seth
    Replied on April 12, 2017 at 8:17 AM

    Hello,

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

    Mobile Widget isnt working anymore? Image 1 Screenshot 20

    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.

  • studiobranson
    Replied 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
    ...
  • Kevin Support Team Lead
    Replied on April 12, 2017 at 2: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. 

  • studiobranson
    Replied on April 12, 2017 at 6: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
    ...
  • Kevin Support Team Lead
    Replied on April 12, 2017 at 8: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. 

  • studiobranson
    Replied 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
    ...