My "Contact Information" form doesn't look right on mobile devices.

  • Profile Image
    BlueGlobe
    Asked on September 16, 2015 at 05:04 PM

    All of the fields and the buttons are stretched out.  The "Phone Number" field is what looks the worst, it's confusing to anyone viewing my contact information form from a mobile device.

    I tried to view with my iPad2 and iPhone6.  Both display the same results.

     

    www.getbgc.com

     

     

    Please help.  I want to look professional to prospective employees/contractors.

    Thank you.

  • Profile Image
    BlueGlobe
    Answered on September 16, 2015 at 05:16 PM

    I have changed the form to "Responsive" but only worked on the iPhone6 in Portrait.  In landscape, the fields are stretched out.  I've viewed with Safari and Google Chrome...same results.

  • Profile Image
    Welvin
    Answered on September 16, 2015 at 06:47 PM

    Can you please check now? If you'll go the designer and check the CSS section, you will see that I have added a few custom CSS codes there:

    They are a mobile CSS query. I hope that works.

    Thanks

  • Profile Image
    BlueGlobe
    Answered on September 20, 2015 at 01:18 AM

    Thank you.  That fixed the view on the iPhone6 but not the iPad.

    I'll have to get familiar with the CSS settings.

    When I go into the CSS helper, it doesn't show any content, like your screen shot showed.  How do I access the same contect?

  • Profile Image
    Welvin
    Answered on September 20, 2015 at 10:40 AM

    I have adjusted the custom CSS codes for mobile devices. The codes are in the CSS tab. You should be able to view it because that is your form.

    In the form builder, you should click the "Designer" button:

    In the designer, simply click "CSS" tab to view the custom CSS codes:

    Thanks