Improving the mobile layout

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

    Page URL: http://countryattheballpark.com/stay_connected.htm
  • Jan
    Replied 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.

    Improving the mobile layout Image 1 Screenshot 40

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

    Improving the mobile layout Image 2 Screenshot 51

    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:

    Improving the mobile layout Image 3 Screenshot 62

     

    Hope that helps. Thank you.