PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Gravity Form not showing up on mobile site

Gravity Support Forums » Plugin Support » Gravity Forms

  1. randalstout
    Member

    I use the ProPhotoBlogs.com theme for my site and when I turned on the functionality of having a mobile theme, the Gravity Form I use as my contact form will not appear.

    So I went to get support from ProPhotoBlogs.com and they did a little research, this is what they said:

    Randal,

    I'm a bit stuck, now - you told me not to blame Gravity Forms! :)
    In reality, it appears that they are setting the form to be hidden on mobile browsers - you can verify this by viewing the HTML markup of your page - here is the form HTML:

    <div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_1' style='display:none'>
    You can even try loading that page with ProPhoto disabled and another WordPress Theme active.

    Gravity Forms should be able to help you through this - you'll want to search their Help for any tips regarding Mobile use, or contact the developers for guidance.

    As a bandage, you could use ProPhoto to apply custom CSS code to show that item on Mobile browsers, but I cannot guarantee it will display or function as expected. In your WordPress admin area, go to "ProPhoto" > "Customize" > "Advanced" > "Custom Code" and paste this code into the "Custom CSS" area, then click save:
    body.mobile .gform_wrapper { display: block !important; }

    Let me know if you have any questions about ProPhoto. Thanks!

    --
    Steve Post
    ProPhoto Blogs Support

    --------------------------------------

    I did a search and didn't find anything that said that the form should not appear in the mobile version of the site. Help!

    Posted 12 years ago on Tuesday January 17, 2012 | Permalink

  2. Rob Harrell
    Member

    Randal, it looks like your form uses conditional logic, which uses jQuery and a conditional logic js file. If you the view the source on the mobile version of your theme, the conditional logic script and the GF CSS for that matter are not present. I believe that could be the cause for your form not showing up correctly. See this screenshot, on the left is your full site head, on the right is your mobile site head.

    http://grab.by/bAeE

    Notice on the left side, line 24 and 26. On the right side (mobile), those files are not present.

    Posted 12 years ago on Tuesday January 17, 2012 | Permalink