My form does not show up on my mobile site

  • sdbcsmith
    Asked on October 29, 2015 at 3:07 PM
  • Carina
    Replied on October 29, 2015 at 6:30 PM

    Do you mean that the form is not displaying on mobile devices? 

    I tested and could replicate the same situation:

    My form does not show up on my mobile site Image 1 Screenshot 20

    I will make further tests to try to determine the cause and will let you know as soon as I have more details.

    Let us know if we can assist you further.   

     

     

  • Ben
    Replied on November 2, 2015 at 11:39 AM

    Instead of opening a new thread my suggestion is to always reply back to your already existing thread - unless of course the subject is different.

    Now, I went to your website: http://www.rmgautoshieldplus.com/ but I do not see a form on it on the desktop version neither.

    I presume that it is on some page on your website (not the home page) or that you have removed it.

    Please do let us know the direct link to the page where the form is embedded and if you had removed it, please do add it back as well and update us here (over this thread) http://www.jotform.com/answers/693302 and we will look into this for you.

  • sdbcsmith
    Replied on November 2, 2015 at 2:01 PM

    it is on the main site on the page   "free quotes"

  • Ben
    Replied on November 2, 2015 at 3:17 PM

    I took a look at the free quotes page: http://www.rmgautoshieldplus.com/free%20quotes.htm and I see that you have embedded your form with js embed code and it is now shown on the desktop version of your website.

    However it is shown as long as you are using a device that is 720px in width or more. Anything less than that and the form is not shown any more.

    Basically, the div with id="xr_mvp_11" that is holding form (amongst other things) gets disabled when you use anything less in width than 720px as mentioned above.

    Based on everything that I saw it seems that you have 2 layouts, 1 for mobile and one for desktop devices. This requires you to add the form to either both layouts or have it in a layout that is shown in both desktop and mobile devices.

  • sdbcsmith
    Replied on November 2, 2015 at 3:37 PM

    I have loaded it separately for the mobile site

  • Ben
    Replied on November 2, 2015 at 5:25 PM

    I am still not seeing the form being added to the mobile version of your website.

    I see it only in the div holding the desktop version (ID xr_mvp_11), while there is no form in the div holding the mobile version (ID xr_mvp_12).

    To further complicate things the .xr_mvp_11 class is changed through the js code to set it as disabled, meaning that through the CSS we can notice it when it does the same to come up with a workaround.Please do switch to using the iframe embed code and let us know if you are having any difficulties adding the same to both versions of your mobile and desktop website.Once you do we would be able to check out an alternative method through js (if you are still having issues with the embedding of the mobile version).The JS code that I have in mind is like this: https://pastebin.com/STqYZ8yL but it might require some additional tweaks.