Improving the mobile layout

  • Profile Image
    jodythompson20
    Asked on September 23, 2016 at 10:28 AM

    How do I make it so the form works in mobile layout?  I have clicked make form responsive and it is not. 

  • Profile Image
    Jan
    Answered on September 23, 2016 at 12:27 PM

    Please try the following solutions to improve the layout of the form in mobile:

    1. Select the "Field Confirmation widget" and then click the wand icon.

    3. Change the style field alignment to "Vertical".

    2. Please insert this CSS code:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    .form-all {

        width: 99.5% !important;

    }

    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

     

    Hope that helps. Thank you.